Components

Chip

A small label, generally appearing inside or in close proximity to another larger interface component, representing a status, property, or some other metadata.

Metal Beta

This component is in Beta

Design is not complete

Is subject to change

May contain bugs

Has not been properly tested

May not meet accessibility requirements

Chip
		

		
	

Status

Statuses allow semantic meaning to be applied to Chips. Defaults to neutral.

With Icons

The correct icon size for chips is var(--size-icon-s) or 12px.