Skip to main content

Chip

Import

import { Chip } from '@sparrowengg/twigs-react';
Result
Loading...
<Chip> Sparrow </Chip>

Closable chip

Result
Loading...
<Chip closable onClose={() => alert("Chip closed")}>
  Sparrow
</Chip>

Props

PropertyDescriptionTypeDefault
variantstyle of the chipoutline solidsolid
colordefault primary success error warningdefault
sizexs sm md lgsm
roundedborder radius of the chipsm fullsm
closableadd a close icon after the chip contentbooleanfalse
onCloseCallback function for closable iconfunction