Components

Message Scroller

A scroll container that sticks to the newest message.

Message number 1

Message number 2

Message number 3

Message number 4

Message number 5

Message number 6

Message number 7

Message number 8

Message number 9

Message number 10

Message number 11

Message number 12

Installation

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

Not part of the Figma kit.

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

Message

Layout for a chat message with an avatar and bubbles.

Native Select

A native select element styled to match the Nooxit field.