Badge

Preview

Interactive

Active Status

Variant

Badge Text

Live Code Snippet

import { Badge } from '@moul-dev/ui';

export default function Example() {
  return (
    <Badge>
      Active Status
    </Badge>
  );
}

The Badge component is built with React Aria and styled using StyleX.

import { Badge } from '@moul-dev/ui';

Here is a basic example of how to use the Badge component:

import { Badge } from '@moul-dev/ui';

export default function Example() {
  return (
    <Badge>
      {/* Component content */}
    </Badge>
  );
}