Button
Use the button component inside forms, as links, social login, payment options with support for multiple styles, colors, sizes, gradients, and shadows
Default
1<rasm:button>Button</rasm:button>
Variant
Add colors to the button by setting the color attribute.
1<rasm:button variant="primary">Primary</rasm:button>
2<rasm:button variant="secondary">secondary</rasm:button>
3<rasm:button variant="outline">Outline</rasm:button>
4<rasm:button variant="ghost">Ghost</rasm:button>
5<rasm:button variant="link">Link</rasm:button>
6<rasm:button variant="danger">Danger</rasm:button>
7<rasm:button variant="warning">Warning</rasm:button>
Icon
Add icons to the button by setting the icon attribute.
1<rasm:button icon="playlist"></rasm:button>
2<rasm:button icon="user" variant="outline">Button with icon</rasm:button>
3<rasm:button icon="home" icon:trailing="arrow-right">With trailing icon</rasm:button>
Link
Use the button component as a link by setting the href attribute.
1<rasm:button href="https://google.com">Link button</rasm:button>
2<rasm:button href="https://google.com" variant="link">Variant link</rasm:button>
