IconButton

Variants

• Button supports 3 variants: fill, ghost and outline.
• Default variant is fill.

Colors

• Button supports 4 colors: primary, secondary, neutral and danger.
• Default color is primary.

Sizes

• Button supports sizes: 3xs, 2xs, xs, sm, md, lg, xl, 2xl and responsive and can be changed by passing the size prop.
• Default size is lg.

• With size responsive, the component will be responsive to the viewport.

Screen prefix	Screen width	Component size
xs → xl	0px → 1279px	sm
xl → 3xl	1280px → 1919px	md
3xl → ∞	1920px → ∞	lg

Disabled

• Disabled state can be enabled by setting disabled prop to true.

Loading

• Loading state can be enabled by setting loading prop to true.

Floating

• Button can have floating styles by setting floating prop to true.
• Default floating is false.