# Component reference

> The most-used components, their variants, states and accessibility.

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](https://nsgo.dev/gallery/) runs a demo of every component in the browser.

## Actions

- [Button](https://nsgo.dev/docs/ui/button.md): a push button, plain or in the accent color, and the icon button.

## Text and input

- [Text](https://nsgo.dev/docs/ui/text.md): paragraphs, spans, links, fonts and document text.
- [Input](https://nsgo.dev/docs/ui/input.md): the platform's text field, controlled or not.
- [Checkbox](https://nsgo.dev/docs/ui/checkbox.md): a check box, checked, unchecked or indeterminate.
- [Switch](https://nsgo.dev/docs/ui/switch.md): a setting that is on or off.
- [Select](https://nsgo.dev/docs/ui/select.md): one value from a list, as a popup or a sheet.
- [Slider](https://nsgo.dev/docs/ui/slider.md): one value or a range along a track.

## Collections

- [List](https://nsgo.dev/docs/ui/list.md): rows of any number, built only in view, with selection and activation.
- [Scroll](https://nsgo.dev/docs/ui/scroll.md): the platform's scroll view, with paging, snapping, zoom and refresh.

## Navigation

- [Tabs](https://nsgo.dev/docs/ui/tabs.md): a tab list, a segmented control and the system tab bar.

## Overlays

- [Dialog](https://nsgo.dev/docs/ui/dialog.md): a modal surface, a sheet and the system's alert.
- [Menu](https://nsgo.dev/docs/ui/menu.md): 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](https://nsgo.dev/docs/components.md): how a component returns elements and how signals update them.
- [Styles and themes](https://nsgo.dev/docs/styles.md): the theme components take their colors from.
- [Unstyled components](https://nsgo.dev/docs/authoring/base.md): the same controls without a look, for a look of your own.
- [Accessibility](https://nsgo.dev/docs/accessibility.md): labels, roles and values for every control.