Keep media at a consistent width-to-height ratio.
import { AspectRatio } from "@sigil-ui/components";
<AspectRatio ratio={16/9} className="bg-[var(--s-surface)] rounded"> <div className="flex items-center justify-center h-full text-[var(--s-text-muted)]">16:9</div> </AspectRatio>
Alert
Display a status message with a title and supporting detail.
Avatar
Represent a person with an image or readable initials.