Components
Button Icon-Flat
Dựng từ contract Button/Icon-Flat, gồm 125 variant, properties Size × Level × State.
- Color scheme
- Brand
- Density
- Radius
- Emphasis
- Type scale
API
Props
| Property | Values | Default | Description |
|---|---|---|---|
size | xlarge · large · medium · small · xsmall | medium | |
level | primary · secondary · accent · danger · positive | primary | |
label | text | Thêm | Dùng làm aria-label |
leadingIcon | text | icon-plus-line | |
disabled | boolean | false | |
state | default · hover · pressed · focused · disabled | default | Ép trạng thái, chỉ dùng khi chụp tài liệu |
Section 01
Default
Section 02
Sizes
Size
xlarge
large
medium
small
xsmall
Section 03
Level × Size
xlargelargemediumsmallxsmallprimarysecondaryaccentdangerpositive
Section 04
States
defaulthoverpressedfocuseddisabledprimarysecondaryaccentdangerpositive
Property State trong Figma ứng với pseudo-state của CSS. Prop state chỉ dùng khi chụp tài liệu.