Column
A View that lays its children out vertically.
Import
import { Column } from "@tarve/core";Usage
import { Column, Text, theme } from "@tarve/core";
<Column gap={6} padding={24} flex={1}>
<Text size={20} weight={700}>Settings</Text>
<Text color={theme.colors.mutedForeground}>Manage how the app looks and behaves.</Text>
</Column>Props
| Prop | Type | Default |
|---|---|---|
align | Style["align"] | — |
dismissOnOutside | boolean | — |
dragRegion | boolean | — |
flex | number | — |
focusable | boolean | — |
gap | number | — |
justify | Style["justify"] | — |
onOutsideClick | () => void | — |
padding | Style["padding"] | — |
portal | boolean | — |
windowAction | "minimize" | "toggleMaximize" | "close" | — |
Common props
Shared by every component. See descriptions →
childrenhighlightidkeymotionFromonHighlightonPasteonTransitionEndrovingGroupstyle