Row
A View that lays its children out horizontally.
Import
import { Row } from "@tarve/core";Usage
import { Button, Row, Text } from "@tarve/core";
<Row gap={12} align="center" justify="between" padding={12}>
<Text size={18} weight={600}>Inbox</Text>
<Button size="sm">Compose</Button>
</Row>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