Components

Pill(React)

Small labels that help qualify information.

Version:14.18.2 View sourceChangelogReport issue
Install:yarn add @thumbtack/thumbprint-react
Import:import { Pill } from '@thumbtack/thumbprint-react';

Pill variations

Default

Available

Icon & color

In high demand

Multiple

Highly rated
Fast response

Props

Pill

  • children
    required

    Text content to render.

    Type
    string
  • icon

    “Tiny” size icon to render.

    Type
    React.ReactNode
  • color

    Color of the pill text and background.

    Type

    This prop can be one of the following 6 types:

    • 'green'
    • 'red'
    • 'indigo'
    • 'blue'
    • 'yellow'
    • 'purple'