Components

Pill(React)

Small labels that help qualify information.

Version:11.1.1 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
    node
    Default
    undefined
  • color

    Color of the pill text and background.

    Type
    oneOf([
      'green',
      'red',
      'indigo',
      'blue',
      'yellow',
      'purple',
    ])
    Default
    undefined