Components
Button Flat
Dựng từ contract Button/Flat, gồm 50 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 · accent | primary | |
label | text | Nút hành động | Chữ trên nút |
leadingIcon | text | ||
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
xlargelargemediumsmallxsmallprimaryaccent
Section 04
States
defaulthoverpressedfocuseddisabledprimaryaccent
Property State trong Figma ứng với pseudo-state của CSS. Prop state chỉ dùng khi chụp tài liệu.