Components
Button
Playground
Play around with the component props and see them dynamically apply. The playground serves as a API documentation of the component.
Prop Name | Description | Default Value | Control |
|---|---|---|---|
| type | The type of the button | "filled" | |
| color | The color to use. | "primary" | |
| size | The size to use. Accepted sizes are small, medium, and large. | "medium" |
Styles
Buttons come in four styles — Filled, Tonal, Outlined, and Text
Contained
The filled button comes in three different sizes and three default colors
Small Medium Large
Outlined
The outlined button comes in three different sizes and three default colors
Small Medium Large