Buttons
Primary Button - Light Mode
Small
Medium
Large (Default)
Primary Button - Dark Mode
Small
Button
1
Medium
Button
1
Large (Default)
Button
1
Secondary Button - Light Mode
Small
Medium
Large (Default)
Secondary Button - Dark Mode
Small
Button
1
Medium
Button
1
Large (Default)
Button
1
Tertiary Button - Light Mode
Small
Medium
Large (Default)
Tertiary Button - Dark Mode
Small
Medium
Large (Default)
Badges
Primary Badges
Large (Default)
Articles
Small
Articles
Large (Default)
Articles
Small
Articles
Secondary Badges
Large (Default)
Articles
Small
Articles
Large (Default)
Articles
Small
Articles
Tertiary Badges
Large (Default)
Articles
Small
Articles
Large (Default)
Articles
Small
Articles
Icons
Line icon
Secondary Badges
Icon sizes
Icon XS
Icon SM
Icon MD
Icon LG
Icon XL
Icon 2XL
Avatars
Square Avatars
Avatar XS
Avatar SM
Avatar MD
Avatar LG
Avatar XL
Circle Avatars
Avatar XS
Circle
Avatar SM
Circle
Avatar MD
Circle
Avatar LG
Circle
Avatar XL
Circle
Form fields
Text Input
Small
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Large (Default)
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Small
Icon Left
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Large (Default)
Icon Left
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Small
Icon Right
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Large (Default)
Icon Right
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Text Area
Small
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Large (Default)
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select
Small
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Large (Default)
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Small
Icon Left
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Large (Default)
Icon Left
This is a hint text to help user.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkboxes
Small
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Large (Default)
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radio Buttons
Small
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Large (Default)
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Form (Example)
Submit Now
Thank you! We’ll get back to you soon

We have received your message and will get back to you as soon as possible. Our team is dedicated to providing the best support and we appreciate your patience.

Oops! Something went wrong.