Breakout
Spans the full row in a CSS Grid context. Use within a <Clamp> or <Grid> to make elements full-width.
Props API
| Prop | Type | Default value |
|---|---|---|
gap | Gap<string | number> | — |
asChild | boolean | — |
orientation | "row" | "column" | — |
bleed | string | number | — |
bleedTop | Padding<string | number> | — |
bleedRight | Padding<string | number> | — |
bleedBottom | Padding<string | number> | — |
bleedLeft | Padding<string | number> | — |
xAlign | JustifyContent | — |
yAlign | AlignItems | — |
import { Breakout, BreakoutProps, breakoutStyles } from '@christiankaindl/lyts'
See Clamp and Grid for more detailed usage.