@startupjs-ui/checkbox 0.1.12 → 0.1.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/README.mdx +9 -3
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [0.1.16](https://github.com/startupjs/startupjs-ui/compare/v0.1.15...v0.1.16) (2026-02-10)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @startupjs-ui/checkbox
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [0.1.13](https://github.com/startupjs/startupjs-ui/compare/v0.1.12...v0.1.13) (2026-02-03)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @startupjs-ui/checkbox
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
6
22
|
## [0.1.12](https://github.com/startupjs/startupjs-ui/compare/v0.1.11...v0.1.12) (2026-01-21)
|
|
7
23
|
|
|
8
24
|
**Note:** Version bump only for package @startupjs-ui/checkbox
|
package/README.mdx
CHANGED
|
@@ -7,7 +7,9 @@ import { Sandbox } from '@startupjs-ui/docs'
|
|
|
7
7
|
|
|
8
8
|
# Checkbox
|
|
9
9
|
|
|
10
|
-
Checkboxes allow the user to select one or more items from a set.
|
|
10
|
+
Checkboxes allow the user to select one or more items from a set. The component supports two visual variants: a standard checkbox and a toggle switch.
|
|
11
|
+
|
|
12
|
+
Use the `value` prop to control the checked state and the `onChange` prop to handle state changes. The component also accepts `style` for the outer wrapper, `inputStyle` for the input element itself, and `switchCircleStyle` to customize the switch thumb when using the `'switch'` variant.
|
|
11
13
|
|
|
12
14
|
```jsx
|
|
13
15
|
import { Checkbox } from 'startupjs-ui'
|
|
@@ -36,7 +38,7 @@ return (
|
|
|
36
38
|
|
|
37
39
|
## Variants
|
|
38
40
|
|
|
39
|
-
There are two display variants
|
|
41
|
+
There are two display variants: `'checkbox'` and `'switch'`. The default is `'checkbox'`.
|
|
40
42
|
|
|
41
43
|
```jsx example
|
|
42
44
|
const [checked, setChecked] = useState(false)
|
|
@@ -52,6 +54,8 @@ return (
|
|
|
52
54
|
|
|
53
55
|
## Disabled
|
|
54
56
|
|
|
57
|
+
When the `disabled` prop is set, the checkbox becomes non-interactive and appears dimmed.
|
|
58
|
+
|
|
55
59
|
```jsx example
|
|
56
60
|
return (
|
|
57
61
|
<Checkbox disabled />
|
|
@@ -60,6 +64,8 @@ return (
|
|
|
60
64
|
|
|
61
65
|
## Readonly
|
|
62
66
|
|
|
67
|
+
When the `readonly` prop is set, the checkbox displays its current value as a non-interactive text symbol.
|
|
68
|
+
|
|
63
69
|
```jsx example
|
|
64
70
|
return (
|
|
65
71
|
<Checkbox readonly />
|
|
@@ -68,7 +74,7 @@ return (
|
|
|
68
74
|
|
|
69
75
|
## Checkbox with custom icon
|
|
70
76
|
|
|
71
|
-
The `icon`
|
|
77
|
+
The `icon` prop allows you to replace the default checkmark icon.
|
|
72
78
|
|
|
73
79
|
```jsx example
|
|
74
80
|
const [checked, setChecked] = useState(false)
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@startupjs-ui/checkbox",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.16",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -9,14 +9,14 @@
|
|
|
9
9
|
"type": "module",
|
|
10
10
|
"dependencies": {
|
|
11
11
|
"@startupjs-ui/core": "^0.1.11",
|
|
12
|
-
"@startupjs-ui/div": "^0.1.
|
|
13
|
-
"@startupjs-ui/icon": "^0.1.
|
|
14
|
-
"@startupjs-ui/span": "^0.1.
|
|
12
|
+
"@startupjs-ui/div": "^0.1.16",
|
|
13
|
+
"@startupjs-ui/icon": "^0.1.16",
|
|
14
|
+
"@startupjs-ui/span": "^0.1.16"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"react": "*",
|
|
18
18
|
"react-native": "*",
|
|
19
19
|
"startupjs": "*"
|
|
20
20
|
},
|
|
21
|
-
"gitHead": "
|
|
21
|
+
"gitHead": "9943aa3566d5d80f5b404473906eb3c0611f9ee5"
|
|
22
22
|
}
|