No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Utilities

Utilities are used as tools to indicate an action to the user (e.g. loaders, snackbars, alerts, etc.)

Loader

This loader is used to entertain a user's attention while dynamic content is being loaded.

Fetching dynamic data...

Component Props

NameDescriptionDefault
text
The text to be inserted under the loader
string
"Fetching dynamic data..."

Notification

Notifications are quick and space-efficient ways of displaying warnings or information.

There was an error with that action

Retry again

You have 236 MB of data left on your SIM

Review allowance

The file was saved successfully

See new changes

If you're stuck you can always contact our support team

Just so you know, your files are always secure

Component Props

NameDescriptionDefault
text
The text to be inserted inside of the notification
string
"This is a notification..."
onClose
Pass a function that executes on close
func
-
actionText
Enter action text. Keep it nice and short
string
-
onAction
Pass a function that executes on action
func
-
type
Changes icon container colour
"success""danger""warning""info""default"
"default"