Button

Buttons trigger actions, submit forms, and navigate through the application. Choose the variant that communicates the weight of the action.

Variants

Primary

<diwa-button variant="primary">Primary</diwa-button>

Secondary

<diwa-button variant="secondary">Secondary</diwa-button>

Ghost

<diwa-button variant="ghost">Ghost</diwa-button>

Danger

<diwa-button variant="danger">Danger</diwa-button>

<diwa-button variant="primary" loading>Loading</diwa-button>

Small

Medium

Large

<diwa-button size="sm">Small</diwa-button>
<diwa-button size="md">Medium</diwa-button>
<diwa-button size="lg">Large</diwa-button>