Pill

Install

import {Pill} from '@xsolla/uikit';

Examples

No action
Completed Completed CompletedCompletedCompletedCompleted
Open
Attention
Error
Testing
Cancelled
Redirection
Test webhooks
Selector
active
branding
warning
error
info
cancelled

Usage

<Pill>Enabled</Pill>

API

PropertyDescriptionTypeDefault
children-React$Node-
appearanceCan be set to active, branding, warning, error, info, cancelledstringactive
focused?Bordered pillbooleanfalse
fetching?Set the fetching statusbooleanfalse
clickable?Effects on pressingbooleanfalse
separated?Separation between child and togglebooleanfalse
onClick?-Function-
pillTriggerDataId?Attribute for data identifierstring-
pillEntryDataId?Attribute for data identifierstring-
className?Attribute for classNamestring-