MADT Registry
DocsComponents

Getting Started

  • Introduction
  • Installation

Atoms

  • Avatar
  • Badge
  • Button
  • Checkbox
  • Input
  • Kbd
  • Label
  • Native Select
  • Progress
  • Separator
  • Skeleton
  • Slider
  • Spinner
  • Switch
  • Textarea
  • Toggle

Molecules

  • Accordion
  • Alert
  • Aspect Ratio
  • Attachment
  • Breadcrumb
  • Bubble
  • Button Group
  • Card
  • Collapsible
  • Combobox
  • Command
  • Context Menu
  • Dropdown Menu
  • Field
  • Hover Card
  • Input Group
  • Input OTP
  • Item
  • Marker
  • Message
  • Pagination
  • Popover
  • Radio Group
  • Select
  • Sonner
  • Table
  • Toggle Group
  • Tooltip

Organisms

  • Alert Dialog
  • Calendar
  • Carousel
  • Chart
  • Dialog
  • Drawer
  • Empty
  • Menubar
  • Message Scroller
  • Navigation Menu
  • Resizable
  • Scroll Area
  • Sheet
  • Sidebar
  • Tabs

Other

  • Typography
Molecule

Message

A molecule component from the MADT registry.

Installation

bash
npx shadcn@latest add @madt/message

Usage

tsx
import { Message } from "@/components/ui/molecules/message.tsx";

export default function Example() {
  return <Message />;
}