Inline

Horizontal layout primitive. Gap default 2 (0.5rem), align-items center semantik untuk konten inline.

import { Inline } from "@naraya/ui";

Default (gap=2, align=center)

Aktif

Status Naraya

<Inline gap="2" align="center">
  <Badge tone="success">Aktif</Badge>
  <Text>Status Naraya</Text>
</Inline>

Justify between

Pengaturan

<Inline justify="between">
  <Text>Pengaturan</Text>
  <Button size="sm">Edit</Button>
</Inline>

Wrap on overflow

tag-1tag-2tag-3tag-4tag-5tag-6tag-7tag-8tag-9tag-10

<Inline gap="2" wrap>
  <Badge>...</Badge>
  ...10 items
</Inline>

Prop	Type	Default	Description
gap	`"0" \| "1" \| "2" \| "3" \| "4" \| "5" \| "6" \| "8"`	`"2"`	Jarak antar item.
align	`"start" \| "center" \| "end" \| "baseline"`	—	Align-items vertikal.
justify	`"start" \| "center" \| "end" \| "between"`	—	Justify-content horizontal.
wrap	`boolean`	`false`	Flex-wrap untuk overflow.
as	`ElementType`	`"div"`	Polymorphic tag.