Components/Token

fd-token · 1 example from SAP's documentation · Back to the gallery

About

Tokens are small items of information (similar to tags) that mainly serve to visualize previously selected items. The tokenizer is the container that handles the tokens. Tokens can be added, removed, selected, or deselected.

- Use tokens only in the **Multi Input** component. The default token is displayed in grey with text, and a close button that will remove the token when selected. | **Modifier Class** | **Usage** | | -----: | :----- | | \ - Use tokens only in the **Multi Input** component. The default token is displayed in grey with text, and a close button that will remove the token when selected. | **Modifier Class** | **Usage** | | -----: | :----- | | \

Tokens

The default token is displayed in grey with text, and a close button that will remove the token when selected. It is displayed in cozy mode, which is ideal for mobile and tablet screens.

Regular
Selected
Normal
tokenopolis tokenopolis
Hover
tokenopolis tokenopolis
Focus
tokenopolis tokenopolis
Hover&Focus
tokenopolis tokenopolis
Read-only
tokenopolis
Display-only
tokenopolis