primitives button

Button

Polymorphic button with primary / secondary / ghost / destructive variants and loading state.

$ ndui add button

Variants

Source

<noundry-button variant="primary">Primary</noundry-button>
<noundry-button variant="secondary">Secondary</noundry-button>
<noundry-button variant="danger">Danger</noundry-button>
<noundry-button variant="success">Success</noundry-button>
<noundry-button variant="warning">Warning</noundry-button>

Sizes

Source

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

States

Source

<noundry-button disabled="true">Disabled</noundry-button>
<noundry-button loading="true" loading-text="Saving…">Save</noundry-button>
<noundry-button type="submit">Submit button</noundry-button>