Components

From native interactions to light HUDs. Every component has a runnable example, the full source and a clear API.

Find a component

Showing 13 of 13 components

• ButtonA light touch, an instant response. Triggers actions and state changes.Basics
• IconButtonA round action button that gives its icon a clear accessible name.Basics
• Device name
  InputClear labels and error messages keep every entry on track.Basics
• Display modeExplore ⌄
  SelectChoose from a clear list of options.Controls
• Show HUD
  SwitchInstantly toggles a clear on/off state.Controls
• Interface opacity

  72
  SliderAdjusts a value with continuous feedback, by touch or keyboard.Controls
• Adjust interfaceKeep information within a comfortable view.Save settings
  DialogKeeps attention on the task at hand, then returns you to where you were.Feedback
• Restore the default display settings
  TooltipAdds a short explanation to a focusable control.Feedback
• Settings savedYour new display preferences are in effect.
  ToastLight, dismissible feedback for results and reminders.Feedback
• Device overviewDevice connected
  PanelA light, translucent container that gives related information structure.HUD
• ConnectedWaiting to connectConnection lost
  HudStatusShows status changes with both text and color.HUD
• 72%Sync progress
  HudProgressLinear or ring progress that keeps a process visible.HUD
• Device battery86 / 100

  Storage left12 / 64
  HudGaugeShows remaining capacity in segments, with a brief afterimage when the value drops.HUD