Button layouts
There are two button layouts: horizontal and vertical. Layouts can vary by breakpoint.
Example
Variants
Horizontal
white
Vertical
white
Responsive
Buttons are stacked vertically, on large screens the layout becomes horizontal.
white
Props
<ButtonLayout />
| Prop | Type | Default | Description |
|---|---|---|---|
| direction | | | Layout direction. Stack can take enum value or media object `{xl: [direction], l: [direction], m: [direction], s: [direction], xs: [direction]}`. |