Aspect Ratio

Maintain a consistent aspect ratio for embedding videos, images, maps, etc.

Library

Chakra UI

Framework

React

Type

component

License

MIT

Install

npm i @chakra-ui/react @emotion/react

Files

• packages/react/src/components/aspect-ratio/aspect-ratio.tsx
• packages/react/src/components/aspect-ratio/index.ts
• packages/react/src/styled-system/index.ts
• packages/react/src/utils/index.ts
• packages/react/src/utils/call-all.ts
• packages/react/src/utils/clone.ts
• packages/react/src/utils/compact.ts
• packages/react/src/utils/create-props.ts

Source

https://github.com/chakra-ui/chakra-ui

Categories

• Aspect Ratio Components
• Layout Components
• React Layout Components

More from Chakra UI

• Absolute Center
• Accordion
• Action Bar
• Alert
• Area Chart
• Avatar
• Badge
• Bar Chart
• Bar List
• Bar Segment
• Bleed
• Blockquote