@facilisui/pill

A pill component from the FacilisUi library

Installation

npm i @facilisui/pill

Props

| Prop Name | Type | Optional | Description | Variants / Values | Default | |-------------|------------------|----------|------------------------------------|---------------------------------------------------|-----------| | variant | string | Optional | Defines the color of the pill. | default, info, warn, danger, success | default | | size | string | Optional | Controls the size of the pill. | small, medium, large | small | | label | string | Required | The text shown inside of the pill. | Any | None |

Example Usage

import { Pill } from '@facilisui/pill';

export default function App() {
    return <Pill label='Example Pill' />;
}