Segment A segment is used to create a grouping of related content UI Components ["web-component"] Singular

Segment

A segment is used to create a grouping of related content

Types

Segment

Primary

Secondary

Tertiary

Vertical

Raised

Stacked

Piled

States

Disabled

Loading

Variations

Top Attached

Attached

Bottom Attached

Padded

Very Padded

Inline

Compact

Very Compact

Red

Orange

Yellow

Olive

Green

Teal

Blue

Violet

Purple

Pink

Brown

Grey

Black

Circular

Clearing

Left

Right

Left Aligned

Center Aligned

Right Aligned

Basic