| Action Sheets | An action sheet presents a set of choices related to an action the user just initiated, typically… |
| Alerts | An alert is a modal that delivers critical information and requires the user to respond before co… |
| Boxes | A box visually groups logically related content and controls, set off by a border or background |
| Buttons | A button initiates an instantaneous action, combining style, content, and a semantic role |
| Charts | A chart organizes data visually to highlight key insights and help people understand and decide |
| Color Pickers | A color picker lets people choose and adjust a color for text, shapes, or other elements |
| Combo Boxes | A combo box combines a text field with a dropdown list, so people can type a custom value or pick… |
| Context Menus | A context menu provides quick access to actions relevant to a specific item or view, revealed on … |
| Disclosure Controls | Controls that reveal or hide related information or functionality, keeping advanced or secondary … |
| Embedded Content | Embedded content displays external rich content such as web pages or media inline within your own… |
| Labels | A label is static, uneditable text that people can read (and often copy) but not edit |
| Lists and Tables | Lists and tables present data in rows, and optionally columns, supporting scanning, selection, na… |
| Menus | A menu reveals a list of commands, options, or states when the user activates a trigger, presenti… |
| Pickers | A picker presents one or more scrollable lists of distinct values to choose from, including date … |
| Popovers | A popover is a transient view anchored to a control that appears above other content when activated |
| Progress Indicators | A progress indicator shows that an app is working during loading or a lengthy operation, optional… |
| Scrolling | A scrollable region lets people view content larger than its container by moving it vertically or… |
| Search Fields | A search field is an editable text field, with a search icon and a clear button, that lets people… |
| Segmented Controls | A segmented control is a linear set of two or more equal-width segments, each acting as a button,… |
| Pop-Up Buttons | A pop-up button displays a menu of mutually exclusive options and updates to show the current sel… |
| Sheets | A sheet presents a focused, self-contained task closely related to the current context, layered o… |
| Sidebars | A sidebar is a panel on the leading side of a view for navigating between app areas or top-level … |
| Sliders | A slider is a track with a draggable thumb that people adjust between a minimum and maximum value |
| Split Views | A split view is a layout of two or three adjacent panes where selecting an item in one pane updat… |
| Steppers | A stepper is a two-segment control for increasing or decreasing a value by a fixed amount |
| Tab Bars | A tab bar is a persistent bar of top-level destinations that lets people switch between an app's … |
| Text Fields | A text field is a rectangular area where people enter or edit a small, specific piece of text suc… |
| Toggles | A toggle lets people choose between a pair of opposing states, using a distinct appearance for ea… |
| Toolbars | A toolbar is a horizontal bar of frequently used commands, controls, navigation, and search along… |
| Windows | A window is the bounded surface that presents an app's content |
