Button
The Buttons in their simplest form contain uppercase text, a slight elevation, hover effect, and a ripple effect on click. Below is a collection of simple to complex examples. This is the default one These are just buttons with no box shadow Big bois Floating buttons are rounded and usually contain an icon. Icons can be used for the primary content of a button. Outlined buttons inherit their borders from the current color applied. Rounded buttons behave the same as regular buttons but have rounded edges. Text buttons have no box shadow and no background. Only on hover is the container for the button shown. Tile buttons behave the same as regular buttons but have no border radius. Buttons can be given different sizing options to fit a multitude of scenarios. We do not set font sizes for icons as different icon packs look differentlyButton component replaces the standard html button with a material deisgn theme and a multitude of options. Any color helper class can be used to alter the background or text color.Playground
API
Examples
Raised
Depressed
Block
Floating Action Buttons
Icon
Outlined
Rounded
Text
Tile
Sizing
Ready For More?
Continue to learn more about svelte materialify with content selected by the creator.