Aspect Ratio

Wrapper that maintains aspect ratio for content.

Library

Shark UI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @shark/aspect-ratio

Files

• registry/react/components/aspect-ratio.tsx
• lib/utils.ts

Source

https://github.com/sharkui-inc/shark-ui

Categories

• Aspect Ratio Components
• Tailwind CSS Aspect Ratio Components
• Layout Components
• React Layout Components
• Tailwind CSS Layout Components

More from Shark UI

• Accordion
• Action Bar
• Alert
• Alert Dialog
• Announcement
• Autocomplete
• Avatar
• Badge
• Bottom Navigation
• Breadcrumb
• Button
• Button Group