Stack
Stack
Un primitivo di layout flexbox con prop responsive di prima classe — "dammi una riga che si impila in una colonna su mobile." Si abbina a Grid.
import { Stack } from "@pompeitech/vesuvius-ui";Colonna (default)
1
2
3
Riga
1
2
3
Direzione responsive
1
2
Spazio tra gli elementi
1
2
API
Stack
| Prop | Tipo | Default | Descrizione |
|---|---|---|---|
direction | "row" | "column" | "row-reverse" | "column-reverse", o { base?, sm?, md?, lg?, xl? } di questi | "column" | Responsive quando fornito nella forma a oggetto per breakpoint. |
align | "start" | "center" | "end" | "stretch" | "baseline" | Corrisponde ad align-items. | |
justify | "start" | "center" | "end" | "between" | "around" | "evenly" | Corrisponde a justify-content. | |
gap | numero della scala di spaziatura Tailwind, o { base?, sm?, md?, lg?, xl? } di questi | 0 | Responsive allo stesso modo di direction. |
wrap | boolean | false | Corrisponde a flex-wrap: wrap. |
Più ogni prop nativa di <div>.