Components

Dialog

A window overlaid on either the primary window or another dialog window.

Installation

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

24px padding with a 32px gap between header, body and footer; the close button is an extra-small ghost icon button, fully rounded like every button.

The overlay is not in the Figma kit, so it uses the Nooxit black at 10% with a small backdrop blur.

Source — src/components/dialog.tsx
Figma — Dialog in the Nooxit UI kit

Context Menu

Displays a menu to the user, triggered by a right click.

Direction

Sets the reading direction for every Radix primitive below it.