Aspect Ratio

Layout

Displays content within a desired ratio while preserving the element's intrinsic dimensions.

Loading component...

Run the following command to add this component to your project:

$pnpm dlx static-ui add aspect-ratio

Import the component directly from the package:

import { AspectRatio } from "@static-ui/ui"

Common props available for this component:

Prop	Type	Description
className	string	Additional CSS classes to apply.

AccordionVertically stacked interactive headings with reveal panels.

CardBounded content container.

CarouselHorizontally scrolling item sets.

CollapsibleExpandable content sections.

Scroll AreaCustom styled scroll container.

SeparatorVisual content divider.

TabsTabbed content panels.