Buttons

Examples and documentation for the buttons component

Button Sizes

xxs

Variant: Gradient

Size	Primary	Accent	Success	Warning	Danger	Info	Secondary	Muted	Gray	Light	White	Black	Blue	Pink	Create	Updates	Inbox	Rosy	Sea	Trend	Facebook	X-twitter	Twitter	Threads	Bluesky	Whatsapp	Pinterest	Mail	Google	Instagram	Youtube	Reddit	Steam	Tumblr	Flickr	Discord	Twitch	Snapchat	Stumbleupon	Soundcloud	Spotify	Behance	Blogger	Patreon	Paypal	Linkedin	Telegram	Tiktok	Vimeo	Line	Ok	Vk	Github	Dribbble	Slack	Medium	Apple	Microsoft	Amazon	Rss
Xxs
Xs
Sm
Md
Lg
Xl

Variant: Flat

Size	Primary	Accent	Success	Warning	Danger	Info	Secondary	Muted	Gray	Light	White	Black	Blue	Pink	Create	Updates	Inbox	Rosy	Sea	Trend	Facebook	X-twitter	Twitter	Threads	Bluesky	Whatsapp	Pinterest	Mail	Google	Instagram	Youtube	Reddit	Steam	Tumblr	Flickr	Discord	Twitch	Snapchat	Stumbleupon	Soundcloud	Spotify	Behance	Blogger	Patreon	Paypal	Linkedin	Telegram	Tiktok	Vimeo	Line	Ok	Vk	Github	Dribbble	Slack	Medium	Apple	Microsoft	Amazon	Rss
Xxs
Xs
Sm
Md
Lg
Xl

Variant: Outline

Size	Primary	Accent	Success	Warning	Danger	Info	Secondary	Muted	Gray	Light	White	Black	Blue	Pink	Create	Updates	Inbox	Rosy	Sea	Trend	Facebook	X-twitter	Twitter	Threads	Bluesky	Whatsapp	Pinterest	Mail	Google	Instagram	Youtube	Reddit	Steam	Tumblr	Flickr	Discord	Twitch	Snapchat	Stumbleupon	Soundcloud	Spotify	Behance	Blogger	Patreon	Paypal	Linkedin	Telegram	Tiktok	Vimeo	Line	Ok	Vk	Github	Dribbble	Slack	Medium	Apple	Microsoft	Amazon	Rss
Xxs
Xs
Sm
Md
Lg
Xl

Variant: Ghost

Size	Primary	Accent	Success	Warning	Danger	Info	Secondary	Muted	Gray	Light	White	Black	Blue	Pink	Create	Updates	Inbox	Rosy	Sea	Trend	Facebook	X-twitter	Twitter	Threads	Bluesky	Whatsapp	Pinterest	Mail	Google	Instagram	Youtube	Reddit	Steam	Tumblr	Flickr	Discord	Twitch	Snapchat	Stumbleupon	Soundcloud	Spotify	Behance	Blogger	Patreon	Paypal	Linkedin	Telegram	Tiktok	Vimeo	Line	Ok	Vk	Github	Dribbble	Slack	Medium	Apple	Microsoft	Amazon	Rss
Xxs
Xs
Sm
Md
Lg
Xl

Share Buttons - All Providers

Provider	Gradient	Flat	Outline	Ghost	With Badge
Share on Facebook					80
Share on X					93
Share on WhatsApp					41
Share on BlueSky					31
Share on Pinterest					32
Share on Telegram					46
Share on Threads					60
Share on Reddit
Share on LinkedIn					12
Share via Email					12
Copy Link					63
Share via QR Code					56

User Social Providers

Provider	Small	Medium	Large	With Text
Facebook				Facebook
X				X
YouTube				YouTube
Instagram				Instagram
Pinterest				Pinterest
LinkedIn				LinkedIn
Reddit				Reddit
Telegram				Telegram
WhatsApp				WhatsApp
Discord				Discord
Twitch				Twitch
TikTok				TikTok
Spotify				Spotify
Soundcloud				Soundcloud
Steam				Steam
Vimeo				Vimeo
Behance				Behance
Blogger				Blogger
Patreon				Patreon
PayPal				PayPal
GitHub				GitHub
OK				OK
VK				VK
Line				Line
Tumblr				Tumblr
Flickr				Flickr
Stumbleupon				Stumbleupon

Follow Providers

Provider	With Text	Large Size	Outline Variant
Follow Us on Facebook	Follow Us on Facebook	Follow Us on Facebook	Follow Us on Facebook
Follow Us on X	Follow Us on X	Follow Us on X	Follow Us on X
Follow Us on Instagram	Follow Us on Instagram	Follow Us on Instagram	Follow Us on Instagram
Subscribe Us on YouTube	Subscribe Us on YouTube	Subscribe Us on YouTube	Subscribe Us on YouTube
Follow Us on Reddit	Follow Us on Reddit	Follow Us on Reddit	Follow Us on Reddit
Follow Us on Pinterest	Follow Us on Pinterest	Follow Us on Pinterest	Follow Us on Pinterest
Join Us on Steam	Join Us on Steam	Join Us on Steam	Join Us on Steam
Follow Us on Tumblr	Follow Us on Tumblr	Follow Us on Tumblr	Follow Us on Tumblr
Follow Us on Flickr	Follow Us on Flickr	Follow Us on Flickr	Follow Us on Flickr
Join Us on Discord	Join Us on Discord	Join Us on Discord	Join Us on Discord
Follow Us on Twitch	Follow Us on Twitch	Follow Us on Twitch	Follow Us on Twitch
Follow Us on Snapchat	Follow Us on Snapchat	Follow Us on Snapchat	Follow Us on Snapchat
Follow Us on Stumbleupon	Follow Us on Stumbleupon	Follow Us on Stumbleupon	Follow Us on Stumbleupon
Follow Us on Soundcloud	Follow Us on Soundcloud	Follow Us on Soundcloud	Follow Us on Soundcloud
Follow Us on Spotify	Follow Us on Spotify	Follow Us on Spotify	Follow Us on Spotify
Follow Us on Behance	Follow Us on Behance	Follow Us on Behance	Follow Us on Behance
Follow Us on Blogger	Follow Us on Blogger	Follow Us on Blogger	Follow Us on Blogger
Support Us on Patreon	Support Us on Patreon	Support Us on Patreon	Support Us on Patreon
Support Us on PayPal	Support Us on PayPal	Support Us on PayPal	Support Us on PayPal
Follow Us on GitHub	Follow Us on GitHub	Follow Us on GitHub	Follow Us on GitHub
Follow Us on LinkedIn	Follow Us on LinkedIn	Follow Us on LinkedIn	Follow Us on LinkedIn
Follow Us on Telegram	Follow Us on Telegram	Follow Us on Telegram	Follow Us on Telegram
Follow Us on TikTok	Follow Us on TikTok	Follow Us on TikTok	Follow Us on TikTok
Subscribe Us on Vimeo	Subscribe Us on Vimeo	Subscribe Us on Vimeo	Subscribe Us on Vimeo
Follow Us on Line	Follow Us on Line	Follow Us on Line	Follow Us on Line
Follow Us on WhatsApp	Follow Us on WhatsApp	Follow Us on WhatsApp	Follow Us on WhatsApp
Follow Us on OK	Follow Us on OK	Follow Us on OK	Follow Us on OK
Follow Us on VK	Follow Us on VK	Follow Us on VK	Follow Us on VK
Follow Us on RSS	Follow Us on RSS	Follow Us on RSS	Follow Us on RSS

Loading Button Examples

Loading Primary

Loading with Icon

Loading Icon Only

Large Loading

Icon System

1 ... 5 6 7 8 9 ... 21

Alerts