Nooxit
Components

Bubble

A chat message bubble.

How do I install the design system?
Add the package to your app, then import the stylesheet.
Thanks!

Installation

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

Notes

Not part of the Figma kit. Hover states use the hover-primary, hover-secondary and hover-destructive-20 tokens, and the tinted variant is the accent surface.

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

Breadcrumb

Displays the path to the current resource using a hierarchy of links.

Button

Displays a button or a component that looks like a button.

On this page

InstallationNotes