Open-code aq-ui accessible component family for Aspect Ratio.
This is a live example. Interact with the available controls and use the keyboard to inspect the component's states and behavior.
aq-uipnpm dlx aq-ui@alpha add aspect-ratioImport the parts you need, then jump to an export for its contract.
import { AspectRatio } from "@/components/ui/aspect-ratio"
<AspectRatio />Open-code aq-ui accessible component family for Aspect Ratio.
const AspectRatio = React.forwardRef<React.ComponentRef<"div">, React.ComponentProps<"div"> & { ratio: number }>(…)React.ComponentProps<"div"> & { ratio: number }| Name | Type |
|---|---|
ratio | number |
utils