Button Draft

Buttons are used for interface actions. Primary style should be used only once per view for main call-to-action.

Examples

<nord-button variant="primary">Primary button</nord-button>
<br /><br />
<nord-button variant="secondary">Secondary button</nord-button>

Properties #

PropertyAttributeDescriptionTypeDefault
disableddisabledMakes the button component disabled. This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.booleanfalse
variantvariantThe style variant of the button."default", "primary", "secondary""default"

Events #

EventDescriptionType
nBlurEmitted when the button loses focus.CustomEvent<any>
nFocusEmitted when the button has received focus.CustomEvent<any>