Theme
Inline
Children in a row with one gap between them.
Examples
Start
Of the row
Between
The ends
Props
Inline
Children in a row with one gap between them; they shrink rather than wrap unless asked.
| Prop | Type | Default | Description |
|---|---|---|---|
as? | ElementType | "div" | |
gap | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | — | |
align? | "center" | "end" | "start" | "baseline" | "stretch" | "center" | |
justify? | "center" | "end" | "start" | "between" | — | |
wrap? | boolean | false | Let children wrap onto further lines when they do not fit. |
children | ReactNode | — |
Accessibility
- No interaction of its own: it is static content, so there is nothing to operate by keyboard.
- Built from logical properties (inline and block), so it mirrors in right-to-left text.