LUCI Design System
These Kitchen Sink pages are test pages created in order to preview components without any possible documentation site style collisions.
Notification - Information (Default)
Information! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Warning
Warning! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Success
Success! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Error
Error! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Information (Default) - Heading only
Information! This is a heading.
Notification - Warning - Heading only
Warning! This is a heading.
Notification - Success - Heading only
Success! This is a heading.
Notification - Error - Heading only
Error! This is a heading.
Notification - Information (Default) - Description only
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Warning - Description only
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Success - Description only
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Error - Description only
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Information (Default) with Close
Information! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Warning with Close
Warning! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Success with Close
Success! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Error with Close
Error! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Information (Default) with Close - Heading only
Information! This is a heading.
Notification - Warning with Close
Warning! This is a heading.
Notification - Success with Close
Success! This is a heading.
Notification - Error with Close
Error! This is a heading.
Notification - Information (Default) with Close - Description only
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Warning with Close
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Success with Close
This is a global notification about something that has occured in the system. This message applies to the entire system.
Notification - Error with Close
This is a global notification about something that has occured in the system. This message applies to the entire system.
Inline Notification - Information (Default)
Information! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Inline Notification - Warning
Warning! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Inline Notification - Success
Success! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Inline Notification - Error
Error! This is a heading.
This is a global notification about something that has occured in the system. This message applies to the entire system.
Inline Notification - Information (Default) - Heading only
Information! This is a heading.
Inline Notification - Warning
Warning! This is a heading.
Inline Notification - Success
Success! This is a heading.
Inline Notification - Error
Error! This is a heading.
Inline Notification - Information (Default) Description only
This is a global notification about something that has occured in the system. This message applies to the entire system.
Inline Notification - Warning
This is a global notification about something that has occured in the system. This message applies to the entire system.
Inline Notification - Success
This is a global notification about something that has occured in the system. This message applies to the entire system.
Inline Notification - Error
This is a global notification about something that has occured in the system. This message applies to the entire system.
Toast Notification - Information (Default)
Information! This is a heading.
This is a toast notification about something that has occured in this context. I auto-expire and disappear.
Toast Notification - Success
Success! This is a heading.
This is a toast notification about something that has occured in this context. I auto-expire and disappear.
Toast Notification - Information (Default) - Heading only
Information! This is a heading.
Toast Notification - Success
Success! This is a heading.
Toast Notification - Information (Default) - Description only
This is a toast notification about something that has occured in this context. I auto-expire and disappear.
Toast Notification - Success
This is a toast notification about something that has occured in this context. I auto-expire and disappear.
Toast Notification - Information (Default) with Close
Information! This is a heading.
This is a toast notification about something that has occured in this context. I auto-expire and disappear.
Toast Notification - Success with Close
Success! This is a heading.
This is a toast notification about something that has occured in this context. I auto-expire and disappear.
Toast Notification - Information (Default) with Close - Heading only
Information! This is a heading.
Toast Notification - Success with Close
Success! This is a heading.
Toast Notification - Information (Default) with Close - Description only
This is a toast notification about something that has occured in this context. I auto-expire and disappear.
Toast Notification - Success with Close
This is a toast notification about something that has occured in this context. I auto-expire and disappear.