Salt design system logo
  • About
  • Getting started
  • Foundations
  • Themes
  • Components
  • Patterns
  • Overview
  • Accordion
  • AG Grid theme
  • Avatar
  • Badge
  • Banner
  • Border layout
  • Button
  • Calendar 🚧
  • Card
  • Checkbox
  • Combo box
  • Country symbol
  • Date Input 🚧
  • Date Picker 🚧
  • Dialog
  • Divider
  • Drawer
  • Dropdown
  • File drop zone
  • Flex layout
  • Flow layout
  • Form field
  • Grid layout
  • Icon
  • Input
  • Link
  • List box
  • Menu
  • Multiline input
  • Navigation item
  • Overlay
  • Pagination
  • Panel
  • Parent-child layout
  • Pill
  • Progress
  • Radio button
  • Salt provider
  • Scrim
  • Segmented button group
  • Slider 🚧
  • Spinner
  • Split layout
  • Stack layout
  • Status indicator
  • Stepped tracker 🚧
  • Switch
  • System status 🚧
  • Tabs 🚧
  • Tag
  • Text
  • Toast
  • Toggle button
  • Tokenized input 🚧
  • Tooltip

Pill

Pill is a small visual element that can contain descriptive text and an icon. You can use pills to label, filter or sort interactive content, trigger actions or make selections.

Examples
How to use
Accessibility

Also known as

Tag, Chip, Badge

Similar to

  • Badge
  • Button
  • Tag
Available since
@salt-ds/core@1.14.0

Resources

  • View source code

Support

  • Report a bug
  • Request a feature

Previous Page

Parent-child layout / Parent-child layout

Next Page

Progress / Progress

Terms of use
Privacy policy
Contact us
© 2025 JPMorgan Chase & Co. All rights reserved.