Components
Chip
Dựng từ contract Chip/Normal, gồm 108 variant, properties Size × Level × Leading × State × Select.
Leading là một variant property (none | icon | photo) chứ không phải prop boolean. Phần Leading chỉ có nền khi Leading=photo.
- Color scheme
- Brand
- Density
- Radius
- Emphasis
- Type scale
API
Props
| Property | Values | Default | Description |
|---|---|---|---|
size | small · xsmall · medium | medium | |
level | secondary · primary | secondary | |
selected | boolean | false | Select property của contract |
label | text | Đã đối soát | |
icon | 26 icon names, see Iconography | Leading = icon | |
photo | text | Leading = photo | |
state | default · hover · focused | default | Ép trạng thái, chỉ dùng khi chụp tài liệu |
Section 01
Default
Section 02
Selected
Section 03
Leading
none · icon · photo
none
icon
photo
Section 04
Level × Select × State
Level: secondary
defaulthoverfocusedunselectedselected
Level: primary
defaulthoverfocusedunselectedselected
Contract của Chip chỉ có ba trạng thái: Default, Hover, Focused. File thiết kế cố ý bỏ Pressed và Disabled.
Section 05
Sizes
Size
small
xsmall
medium