Use Silk-UI's custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.
Silk-UI includes several predefined button styles, each serving its own semantic purpose. With class "btn" along with varient class of your choice you are good to go!
Sometimes we don't need the hefty background colors that a regular button comes with. In that case append "-outline" class to any regular button class to remove all background images and colors on any button.
Sometimes to be more descriptive we need the help to icons. And hence we took care of that too. Just use any icon of your choice with any type of button. You can use this with normal, outlined, large butons.
Use btn-large with any kind of button to get a larger button!
Link buttons are used when we want the user to navigate to a different page. Here we use anchor tag to do this job. Add the destination in href tag. You can make any button a link button like this, use it with regular, large, outlined and button with icons as well.
A floating action button (FAB) represents the primary action of a screen. It is a circular button with icon enclosed in it. Add "btn-floating" to get a floating action button.
On This Page