ZAspectRatio

AspectRatio component from zurto-ui.

Preview

16:9

Import

import { ZAspectRatio } from "zurto-ui";

Props

Prop	Type	Default	Description
children	ReactNode	-	Component content
className	string	-	Additional CSS classes

Sizes

<ZAspectRatio size="sm">Small</ZAspectRatio>
<ZAspectRatio size="md">Medium</ZAspectRatio>
<ZAspectRatio size="lg">Large</ZAspectRatio>

Accessibility

• ✅ Proper ARIA attributes included
• ✅ Keyboard navigation support
• ✅ Screen reader friendly
• ✅ Focus visible indicators