Component

Aspect Ratio

Constrains content to a specified width/height ratio. Useful for keeping images and media at a consistent size.

rationumber — e.g. 16 / 9 · 1 / 1 · 9 / 16

classNamestring

Playground

16 / 9

Ratio— ratio

Landscape — 16 / 9

16 / 9

Square — 1 / 1

1 / 1

Portrait — 9 / 16

9 / 16

rounded-lg · border

3 semantic tokens consumed by this component.

--mutedMuted

bg-mutedtext-mutedborder-muted

--muted-foregroundMuted Foreground

text-muted-foreground

--borderBorder

border-borderborder