app header logo
About
Getting started
Foundations
Theming
Components
Patterns
Support
GitHub
  • Overview
  • Accordion
  • AG Grid theme
  • Avatar
  • Badge
  • Banner
  • Border layout
  • Button
  • Calendar 🚧
  • Card
  • Checkbox
  • Combo box
  • Country symbol
  • Date Input 🚧
  • Dialog
  • Drawer
  • Dropdown
  • File drop zone
  • Flex layout
  • Flow layout
  • Form field
  • Grid layout
  • Icon
  • Input
  • Link
  • List 🚧
  • Menu
  • Multiline input
  • Navigation item
  • Overlay
  • Pagination
  • Panel
  • Parent-child layout
  • Pill
  • Progress
  • Radio button
  • Salt provider
  • Scrim
  • Segmented button group
  • Spinner
  • Split layout
  • Stack layout
  • Status indicator
  • Stepped tracker 🚧
  • Switch
  • Tabs 🚧
  • 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, tag or categorize content. With pills, users can trigger actions, make selections or filter results.

Examples
How to use
Accessibility

Also known as

Tag, Chip, Badge

Similar to

  • Button
  • Toggle button

Resources

  • View source code

Support

  • Report a bug
  • Request a feature

Previous Page

Parent-child layout

Next Page

Progress

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