- v3.12.0
- v3.0.0マイグレーションガイド
- @charcoal-ui/styled
- クイックスタート
- @charcoal-ui/react
- クイックスタート
- サーバーサイドレンダリング
- Button
- Checkbox
- DropdownSelector
- Icon
- IconButton
- LoadingSpinner
- Modal
- MultiSelect
- Radio
- SegmentedControl
- Switch
- TagItem
- TextArea
- TextField
- @charcoal-ui/icons
- クイックスタート
- <pixiv-icon>
- Reactと組み合わせて使う
- 独自のアイコンを登録する
- サーバーサイドレンダリング
- @charcoal-ui/tailwind-config
- クイックスタート
- カスタマイズする
- Colors
- Typography
- Spacing
- Break points
- Links
- @charcoal-ui/tailwind-diff
- クイックスタート
- check
- dump
- @charcoal-ui/foundation
- クイックスタート
- borderRadius
- breakPoints
- color
- effect
- grid
- spacing
- typography
- @charcoal-ui/theme
- クイックスタート
- テーマカラー
- Links
GitHub Storybook
Checkbox
チェックボックスとして真偽値を扱う入力コンポーネント
BASIC
<Checkbox label="checkbox">Checkbox</Checkbox>disabled
readonly
invalid
Props
| name | description | type | default | required |
|---|---|---|---|---|
| label | childrenがない場合のaria-label | string | YES | |
| checked | チェック状態 | boolean | false | NO |
| disabled | 入力の無効化 | boolean | false | NO |
| invalid | 入力の不正化 | boolean | false | NO |
| readonly | 読み取り専用化 | boolean | false | NO |