iOS component overview

Gestalt provides a growing set of interactive UI components for use in building larger iOS experiences and patterns.

Not sure which component to use? Reach out to the Gestalt team.

Avatar

Avatar is used to represent a user.

AvatarGroup

AvatarGroup is used to both display a group of user avatars and, optionally, control actions related to the users group.

Badge

Badge is a label that indicates status or importance.

Button

Buttons allow users to perform actions within a surface.

ButtonGroup

ButtonGroup is used to display a series of buttons.

ButtonToggle

The ButtonToggle is a larger alternative to selection components such as Checkbox, RadioButton, and Switch.

Card

Card is a semi-modular container used to house Card.Header and a variant of the available preview blocks.

Checkbox

Checkbox is used for multiple choice selection.

Icon

Icons are the symbolic representation of an action or information, providing visual context and improving usability.

IconButton

IconButton allows users to take actions and make choices with a single click or tap.

IconButtonFloating

IconButtonFloating provides an action that floats over the content and remains in place when scrolled.

ListAction

ListAction is a continuous vertical group of list items that can include text, icons, images and actions.

SearchField

SearchField allows users to search for free-form content.

SearchGuide

SearchGuide appends and refines a search query.

Sheet

Sheets are bottom-anchored overlays that that allow the user to easily return to the previous screen. They are meant for temporary focused tasks. Sheets are the mobile equivalent of the modal or overlay on web.

Switch

Switch is used for single cell options that can be turned on and off only.

Tabs

Tabs may be used navigate between multiple URLs.

Text

Text component is used for all representations of text on a surface. Text is based on iOS typography guidelines.

TextArea

TextArea allows for multi-line input.

TextField

TextField allows for multiple types of text input.

Toast

Toasts educate users on the content of the screen, provide confirmation when people complete an action, or simply communicate a short message.