Icon buttons are a quick and visual way to express an action. Icon buttons can have different radius factors using the rounded prop.

Icon buttons are a quick and visual way to express an action. Icon buttons can have different sizes using the size prop.

Icon buttons can have different colors. The following example shows a default button, using the color prop.

Icon buttons can have different colors. The following example shows a muted button, using the color prop.

Icon buttons can have different colors. The following example shows a primary button, using the color prop.

Icon buttons can have different colors. The following example shows a info button, using the color prop.

Icon buttons can have different colors. The following example shows a success button, using the color prop.

Icon buttons can have different colors. The following example shows a warning button, using the color prop.

Icon buttons can have different colors. The following example shows a danger button, using the color prop.

Icon buttons can be shown in a loading state. Use the loading prop to show a loading indicator.

Icon buttons can be shown in a disabled state. Use the disabled prop to show a disabled button.

Icon buttons can be grouped into a single element using a flex container. Adjust border radiuses and borders to create a seamless group.