Aspect Ratio

Displays content within a desired ratio.

Preview

Loading Preview...

bun add xiod-ui

1import { AspectRatio } from "xiod-ui/aspect-ratio";

1<AspectRatio>2</AspectRatio>

Detailed documentation of properties and options.

Prop	Type	Default	Description
`ratio`	`number` \|`undefined`	`1`
`render`	`ReactElement<unknown, string` \|`JSXElementConstructor<any>>` \|`ComponentRenderFn<HTMLProps, {}>` \|`undefined`	-	Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render.