Guaxu Docs
    Preparing search index...

    Function Badge

    • Parameters

      Returns Element

      Badge component that displays a small, compact status indicator

      The Badge component supports two shapes:

      • Pill: A rectangular badge that displays text with an optional icon
      • Circle: A circular badge that displays only an icon
      // Pill badge with text only
      <Badge shape="pill" variant="success" text="Active" />

      // Pill badge with text and icon
      <Badge shape="pill" variant="warning" text="Pending" icon={{ name: 'clock' }} />

      // Circle badge with icon
      <Badge shape="circle" variant="danger" icon={{ name: 'alert' }} />

    Settings

    Member Visibility