Skip to content
Docs

@hua-labs/ui
v1.1.0

bash
npm install @hua-labs/hua
tsx
import { Divider } from "@hua-labs/hua";

/

horizontal

vertical

variant="solid"
variant="dashed"
variant="dotted"
variant="gradient"

Glass Variant

color="default"
color="muted"
color="primary"
color="secondary"

size="sm"
size="md"
size="lg"

orientation"horizontal" | "vertical""horizontal"Divider orientation
variant"solid" | "dashed" | "dotted" | "gradient" | "glass""solid"Visual style variant
size"sm" | "md" | "lg""md"Divider thickness
spacing"none" | "sm" | "md" | "lg" | "xl""md"Spacing around the divider
color"default" | "muted" | "primary" | "secondary""default"Divider color

docs:common.basicUsage
import { Divider } from '@hua-labs/hua';

<Divider />
Vertical
<div className="flex h-20 items-center">
  <div>Left</div>
  <Divider orientation="vertical" />
  <div>Right</div>
</div>
Variants
<Divider variant="dashed" />
<Divider variant="dotted" />
<Divider variant="gradient" />
<Divider variant="glass" />
StackPanel