---
layout: default
permalink: /buttons-previews
category: components
title: Buttons Previews
description: "This is a preview of all the buttons you can create just by adding classes.
Press start to find the documentation of how to use."
---
{{page.title}} Preview
{{page.description}}
Basic Buttons
Default
White
Gray
Dark
Black
Primary
Success
Danger
Warning
Info
Purple
acebook
Instagram
Twitter
Whatsapp
Youtube
GitHub
oogle
Spotify
interest
Linked
Stack-overflow
Slack
Dropbox
Twitch
Outlined Buttons
Primary
Success
Warning
Info
Danger
Gray
Dark
Purple
acebook
Instagram
Twitter
Whatsapp
Youtube
GitHub
oogle
Spotify
interest
Linked
Stack-overflow
Slack
Dropbox
Twitch
Inverted Buttons
Button
Button
Button
Button
Default
Primary
Success
Warning
Info
Danger
Gray
Dark
Purple
Default
Primary
Success
Warning
Info
Danger
Gray
Dark
Purple
Primary
Success
Warning
Info
Danger
Gray
Dark
Purple
Circle Buttons
Plane Buttons
Primary
Success
Danger
Warning
Purple
Info
Button
Button
Button
Primary
Success
Danger
Warning
Purple
Info
Hamburgers / Menu icon
No shadow