Components

Badge

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

Default

Secondary

Outline

Destructive

Usage

import { Badge } from "@murasakijs/ui";

<Badge>Badge</Badge>

Prop	Type	Default
`variant`	`"default"` \| `"secondary"` \| `"outline"` \| `"destructive"`	`"default"`

Badge renders a <div>; all other props (className, onClick, ...) are forwarded to it.

Improve this page on GitHubLast updated on July 8, 2026

Native Select

Uses the operating system's native select control with Murasaki styling.

Card

Displays a card with header, content, and footer.