Token

We use tokens in our multi select dropdowns and file attachers to indicate what has been selected or attached. Tokens in these components are removable.
Demo and Developer GuidelinesFigma Component

Anatomy

Value

When the value is not inputted by a user, values are title case without punctuation.

Character count limit: 30

States

Behavior

A user can clear the token with the mouse or use the keyboard by hitting Enter/Return when in a focused state.

Specifications

Padding

Styling