Nooxit
Components

Aspect Ratio

Displays content within a desired ratio.

16 / 9

Installation

import { ... } from 'nooxit-design-system/components/aspect-ratio';

Notes

The component itself is unstyled. In the Figma kit, images inside an aspect ratio box carry the rounded-lg (8px) radius.

Source — src/components/aspect-ratio.tsx
Figma — not in the UI kit; styled from the Nooxit tokens.

On this page