Component reference

These are ui’s components, in NSGo’s look and following the theme. This reference starts with the components an app reaches for first; each page starts with the shortest example, then covers its parts, states and accessibility. The gallery covers every component, including those without a page here yet.

The gallery runs a demo of every component in the browser.

Actions

• Button: a push button, plain or in the accent color, and the icon button.

Text and input

• Text: paragraphs, spans, links, fonts and document text.
• Input: the platform’s text field, controlled or not.
• Checkbox: a check box, checked, unchecked or indeterminate.
• Switch: a setting that is on or off.
• Select: one value from a list, on a desktop as a popup and on touch screens as a sheet.
• Slider: one value or a range along a track.

Collections

• List: rows of any number, built only in view, with selection and activation.
• Scroll: the platform’s scroll view, with paging, snapping, zoom and refresh.

Navigation

• Tabs: a tab list, a segmented control and the system tab bar.

Overlays

• Dialog: a modal surface, a sheet and the system’s alert.
• Menu: a menu from a trigger, a context menu and their items.

More

The gallery covers the rest: tables, charts, the code editor, rich text, the terminal, the dock, the command palette, color and date pickers, toasts and more. Each has a demo there.

Next

• Components and state: how a component returns elements and how signals update them.
• Styles and themes: the theme components take their colors from.
• Unstyled components: the same controls without a look, for a look of your own.
• Accessibility: labels, roles and values for every control.