Button <ndo-button>

Action triggers in primary, ghost, and destructive styles.

Variants

Create NDO Cancel Delete

Disabled

Create NDO Cancel Delete

As Link

Back to Playbook Home

Usage

<ndo-button variant="primary">Create NDO</ndo-button>
<ndo-button variant="ghost">Cancel</ndo-button>
<ndo-button variant="destructive">Delete</ndo-button>
<ndo-button variant="primary" disabled>Disabled</ndo-button>
<ndo-button variant="ghost" href="/somewhere">Link</ndo-button>
PropValuesDefault
variantprimary · ghost · destructiveprimary
disabledbooleanfalse
hrefstring— (renders button)
typebutton · submit · resetbutton