Shoelace Components Test Page
This page tests Shoelace components integration with the Smoothieware theme.
Alert Components
Primary Alert
This is a primary alert
This is what a primary alert looks like with Shoelace components.
Success Alert
Success!
This is what a success alert looks like.
Neutral Alert (Similar to our current callout-note)
Note
This is a neutral alert that could replace our callout-note style.
Warning Alert
Warning
This is what a warning alert looks like.
Danger Alert
Danger!
This is what a danger alert looks like.
Alert Without Icon
No Icon Alert
This alert doesn't have an icon.
Closable Alert
Closable Alert
You can close this alert by clicking the X button.
Testing with Dark Theme
All alerts above should display nicely with the midnight dark theme.
The Shoelace components should automatically adapt or we may need to adjust styling.
Other Components
Primary Button
Success Button
Neutral Button
Warning Button
Danger Button
Badge
Primary
Success
Neutral
Warning
Danger
Back to Documentation
Return to Homepage