Tags

Tags or "Labels" are used mainly to communicate a value supported by a UI colour for easily scanning a table for negative or positive values. Therefore tags can be coloured in all 3 different UI Colours (Success, Warning, Error). However, they should never be styled in any other brand or service colour.

Design Links

Open in Sketch Cloud

Open in Figma

@import 'node_modules/@hospitality-digital/design-system/css/components/tag.css';

Small

Medium