A set of icons handcrafted by Officevibe

Igloo tokens are all the values needed to construct and maintain a design system — spacing, color, fonts, opacity, etc..

Checkboxes are most commonly used to give users a way to make a range of selections (zero, one, or multiple). They may also be used as a way to have users indicate they agree to specific terms and services.

Tooltips are floating labels that briefly explain the function of a user interface element. They can be triggered when users hover, focus, tap, or click.

Informs user that text is clipped.

Buttons are used primarily for user interaction.

Lists render possible actions or selectable options for a given element. This component is usually placed under a kebab menu icon.

Input enable the user to interact with and used for freeform data entry.

Provider allows you to set the locale for all Igloo components that need it. This should be done by wrapping the entire application in the provider. There are also hooks available such as useLocale and useLocalizedStringFormatter.

Breadcrumbs allow users to orient themselves in the hierarchy of the app. It also provides a way to navigate to the parent page.

Select inputs let users choose one option from an options menu.

Hyperlink are interactive elements that allow users to navigate in webpage.

Use Radio components to be part of an options list where users can only make a single choice.

Use to highlight information for the user that requires his attention.<br/> Alerts can be position at the top of the page or into other components.

The Tag component informs users of the status of an object or of an action that's been taken.

A disclosure is a widget that toggles the visibility of content by clicking a button.

The textarea component defines a multi-line text input control.

Cards are used to group similar concepts and tasks to make it easier for users to scan, read, and get things done.

An image icon used to identify a user.

IconButton are used primarily for actions.