NUED | Button

A customisable button component offering multiple colour combinations and sizes to suit your website needs.

Properties

Size

Label

Variant

Disabled

Margin (CSS Shorthand)

Usage

          
            
    <NuedButton
      size='medium' // Choose from 'small' | 'medium' | 'large'. Default is set to 'medium'.
      variant='secondary' // Choose from 'primary' | 'secondary' | 'success' | 'warning' | 'danger'. Default is set to 'secondary'.
      disabled // Toggle between enabling/disabling the button. Default is false.
      margin='' // Set to '' by default. i.e. margin="0.5" | margin="2 1 2 1.5".
    >
      Click Me // Label text goes here
    </NuedButton>