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 />
PropTypeDefaultDescription
direction
getResponsivePropType(oneOf(["horizontal", "vertical"]))
"vertical"
Layout direction. Stack can take enum value or media object `{xl: [direction], l: [direction], m: [direction], s: [direction], xs: [direction]}`.
Lighter

    v1.0.0