Components

Message

Layout for a chat message with an avatar and bubbles.

Which token should a hover state use?

Use hover-primary, hover-secondary or hover-destructive.

Installation

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

Not part of the Figma kit.

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

Menubar

A visually persistent menu common in desktop applications.

Message Scroller

A scroll container that sticks to the newest message.