Button

Import

import { VKButton } from "@vivakits/react-components";

Variant

The Button component comes with 3 different variants that you can change it using the variant prop.

Size

The Button component comes with 4 different sizes that you can change it using the size prop.

Color

The Button component comes with 5 different colors that you can change it using the color prop. It has both solid and outline variant

Rounded

The shape of the Button component can be updated using rounded prop

Icon with text

The Icon of a Button comes with svg icon. Icon can be customized using SVG icon.

Icon Only

Buttons can have icons without label.

Button Group

Multiple buttons are grouped when wrapped inside an element with VKGroup component.

API Reference