Skip to content

Button Component

Style: Primary, Size: Comfortable

Style: Primary, Size: Compact

Style: Secondary, Size: Comfortable

Style: secondary, Size: Compact

Style: Disabled, Size: comfortable

Style: Disabled, Size: Compact

Style: Primary, Size: Comfortable with icon in right side

Style: Primary, Size: Comfortable with icon in left side

Style: Primary, Size: Compact with icon in right side

Style: Primary, Size: Compact with icon in left side

Style: Secondary, Size: Compact with icon in right side

Style: Secondary, Size: Compact with icon in left side

Style: Secondary, Size: Comfortable with icon in right side

Style: Secondary, Size: Comfortable with icon in left side

Text button variations

Text button with arrow on right

Text button with arrow on left

Text button with icon on left

Text button with icon on right

Text button without icon

Text button with chevron icon

Long Text button with icon

Long Text button with arrow icon

Long Text button with chevron icon

Dark mode Primary secondary buttons

Style: Primary, Size: Comfortable, Icon: Right

Style: Primary, Size: Comfortable, Icon: Left

Style: Primary, Size: Comfortable

Style: Secondary, Size: Comfortable with icon in right side

Style: Secondary, Size: Comfortable with icon left

Style: Secondary, Size: Comfortable

Style: Primary, Size: Compact with icon right

Style: Primary, Size: Compact with icon left

Style: Primary, Size: Compact 

Style: Secondary, Size: Compact with icon in right side

Style: Secondary, Size: Compact with icon in left side

Style: Secondary, Size: Compact

Style: Disable, Size: Comfortable, Icon: Right

Style: Disable, Size: Compact with icon in left side

Style: Secondary, Size: Compact

Text button without left padding