Skip to main content

Button

Import

import { Button } from "@sparrowengg/twigs-react";

Usage

Result
Loading...
<Button>Submit</Button>

Usage with Icons

Result
Loading...
<Button leftIcon={<EmailIcon />}>Subscribe</Button>

Props

PropertyDescriptionTypeDefault
colorColor of the buttonprimary secondary default bright error lightprimary
loadingLoading statebooleanfalse
disabledButton statebooleanfalse
sizeSize of the buttonxxs xs sm md lg xl 2xlsm
variantbutton variantsolid outline ghostsolid
cssCustom css stylesobject
rightIconIcon on right sideReactNode
leftIconIcon on left sideReactNode