NUED | Alert

A customisable alert component with different status variants, to display useful information to your users.

This is a sample alert text!

Properties

Label

Variant

Dismissible

Auto Dismiss

Dismiss Interval

Margin (CSS Shorthand)

Usage

          
            
    <NuedAlert
      variant='info' // Choose from 'info' | 'success' | 'warning' | 'danger'. Default is set to 'info'.
      dismissible=false // Enable/disable dismiss button. Default is set to false.
      autoDismiss=false // Enable/disable auto dismiss. Default is set to false.
      autoDismissInterval=5000 // Number in milliseconds. Default is 5000 if 'autoDismiss' is enabled.
      margin='' // Set to '' by default. i.e. margin="0.5" | margin="2 1 2 1.5".
    >
      This is a sample alert text!
    </NuedAlert>