Button - Placeholder

Use a placeholder button to add new items to a collection.

Status

Component checklist

Component (RN)

React Native Component Status

In Refinement

Figma (RN)

Figma Component Status

Published

Code (Web)

HTML/CSS Code

Published

Figma (Web)

Figma Component Status

Published

Key points

  • Placeholder buttons are used exclusively to add new items to a collection
  • They always appear as the last item in a collection
  • The icon never changes, only the label text
  • They provide visual indication that content can be added to a space
  • Placeholder buttons should follow the width of their future or parent state
  • They can be used on base and inverted surfaces

Use a placeholder button to allow users to add new items to a collection, such as cards, tiles, or list items.