# Components

Presentational user interface components such as buttons, form elements and overlays. Browse all components or select a specific category.

[Avatar](/components/mobile/avatar/avatar.guidelines)

[Warning: Lab](/components/mobile/avatar/avatar.guidelines)

[A graphical representation of a user or entity - usually a photo or initials.](/components/mobile/avatar/avatar.guidelines)

[Badge](/components/mobile/badge/badge.guidelines)

[Warning: Lab](/components/mobile/badge/badge.guidelines)

[A static label that highlights an item's status.](/components/mobile/badge/badge.guidelines)

[Button](/components/mobile/button/button.guidelines)

[Warning: Lab](/components/mobile/button/button.guidelines)

[A clickable element which communicates that users can trigger an action.](/components/mobile/button/button.guidelines)

[Callout](/components/mobile/callout/callout.guidelines)

[Warning: Lab](/components/mobile/callout/callout.guidelines)

[Capture the attention of users and provide them with important feedback or information that relates to an entire page or page section.](/components/mobile/callout/callout.guidelines)

[Checkbox](/components/mobile/checkbox/checkbox.guidelines)

[Warning: Lab](/components/mobile/checkbox/checkbox.guidelines)

[A form element that enables users to make a binary choice (checked/unchecked).](/components/mobile/checkbox/checkbox.guidelines)

[Form control](/components/mobile/form-control/form-control.guidelines)

[Warning: Lab](/components/mobile/form-control/form-control.guidelines)

[Form control displays a labelled input and, optionally, associated validation text, help popover, and/or hint text.](/components/mobile/form-control/form-control.guidelines)

[Header](/components/mobile/header/header.guidelines)

[The topmost element displaying the screen title and optional design elements such as subtitle, avatar, and icon buttons. It helps users navigate the app and access key actions easily.](/components/mobile/header/header.guidelines)

[Icon button](/components/mobile/icon-button/icon-button.guidelines)

[Warning: Lab](/components/mobile/icon-button/icon-button.guidelines)

[Enables users to control the visibility of other UI elements.](/components/mobile/icon-button/icon-button.guidelines)

[Radio group](/components/mobile/radio-group/radio-group.guidelines)

[Warning: Lab](/components/mobile/radio-group/radio-group.guidelines)

[A form element that allows users to select one option from a set of choices](/components/mobile/radio-group/radio-group.guidelines)

[Screen template](/components/mobile/screen-template/screen-template.guidelines)

[Warning: Lab](/components/mobile/screen-template/screen-template.guidelines)

[A utility component for designers to create mobile app Figma UI designs.](/components/mobile/screen-template/screen-template.guidelines)

[Tag](/components/mobile/tag/tag.guidelines)

[Warning: Lab](/components/mobile/tag/tag.guidelines)

[A static label that highlights an item's category or attribute.](/components/mobile/tag/tag.guidelines)

[Text field](/components/mobile/text-field/text-field.guidelines)

[Warning: Lab](/components/mobile/text-field/text-field.guidelines)

[A form element that enables users to enter a single line of text.](/components/mobile/text-field/text-field.guidelines)

[Textarea](/components/mobile/textarea/textarea.guidelines)

[Warning: Lab](/components/mobile/textarea/textarea.guidelines)

[A form element that enables users to enter text on multiple lines.](/components/mobile/textarea/textarea.guidelines)