When to use
Use the glass styles for buttons that float over content and filled or tinted styles for the main action on a screen. Keep one prominent button per screen so the next step is obvious.
Props
| Prop | Values | Default | Description |
|---|---|---|---|
data-variant | "glass" | "glass-prominent" | "filled" | "tinted" | "gray" | "plain" | – | Glass for bars and over content, filled for the main action, gray for Cancel. |
data-size | "sm" | "lg" | regular | Height: 28, 34, or 50px. |
data-block | boolean | false | Full width. |
disabled | boolean | false | Grayed out. |