Components
Button Icon-Main
Dựng từ contract Button/Icon-Main, gồm 240 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 · 2xsmall | medium | |
level | primary · accent · secondary · tertiary · danger · danger-subtle · positive · positive-subtle | 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
2xsmall
Section 03
Level × Size
xlargelargemediumsmallxsmall2xsmallprimaryaccentsecondarytertiarydangerdanger-subtlepositivepositive-subtle
Section 04
States
defaulthoverpressedfocuseddisabledprimaryaccentsecondarytertiarydangerdanger-subtlepositivepositive-subtle
Property State trong Figma ứng với pseudo-state của CSS. Prop state chỉ dùng khi chụp tài liệu.