- 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
IconButton
アイコンボタン
BASIC
<IconButton icon="24/Add"></IconButton>
variant
disabled
size
isActive
Props
| name | description | type | default | required |
|---|---|---|---|---|
| icon | アイコン | IconName | YES | |
| disabled | 無効化 | boolean | false | NO |
| isActive | ボタンの押下状態 | boolean | false | NO |
| size | 大きさ、XSの場合は16px、Mの場合は24pxのアイコンのみ使用可能 | "XS" | "S" | "M" | "M" | NO |
| variant | スタイルの種類 | "Default" | "Overlay" | "Default" | NO |