Component

Divider

Visual separator for content sections. Supports labels and different styles.

tsx

import { Divider, VerticalDivider, SectionDivider } from 'wss3-forge'

Usage

•

Use to separate content sections

•

Add label for contextual separation

•

VerticalDivider for inline separation

•

SectionDivider for prominent breaks

Content above

Content below

Or continue with

Item 1

Item 2

Item 3

Features

Examples

Basic Dividers

Content above

Content below

tsx

1<VStack gap={16}>
2  <Text>Content above</Text>
3  <Divider />
4  <Text>Content below</Text>
5</VStack>

With Label

Or continue with

Section

tsx

1<Divider label="Or continue with" />
2<Divider label="Section" labelPosition="left" />

Variants

tsx

1<Divider variant="solid" />
2<Divider variant="dashed" />
3<Divider variant="dotted" />

Section Divider