Nayan UI
  • Home
  • React
  • React Native
  • Games
  • Video Editor
  • Devtools
Get Started1
Installation
Components54
AccordionAlertAvatarAvatar GroupBadgeBreadcrumbsButtonButton GroupCalendarCardCheckboxCheckbox GroupChipConfirm AlertDate FieldDate PickerDate Range PickerDialogDisclosureDividerEmpty StateInfinite ScrollInputInput OTPKeyboard KeyLinkLinkifyList BoxLoadingDropdown MenuMeterNumber FieldPaginationPopoverProgressProgress CircleRadio GroupScroll ShadowSelectSearch FieldSheetSkeletonSliderSwitchSwitch GroupTableTag GroupTabsTextareaTime FieldToastToggle ButtonToolbarTooltip
  1. Home/
  2. React/
  3. React Controls Row

React Controls Row

A Toolbar groups the controls that act on the thing below it and makes them one stop on the keyboard: arrow keys move between the controls, so a row of buttons is reached with one Tab rather than several. It can be laid out in a row or a column, joined or spaced.

Toolbar

A Toolbar groups the controls that act on the thing below it and makes them one stop on the keyboard: arrow keys move between the controls, so a row of buttons is reached with one Tab rather than several. It can be laid out in a row or a column, joined or spaced.

Nayan UI

Open source React and React Native components, a browser video editor and a few developer tools. Free forever, MIT licensed.

On npm

  • react
  • native
  • cli
  • ai
Star on GitHub

Documentation

  • React installation
  • React components
  • React Native installation
  • React Native components
  • Component tags

Tools

  • Video Editor
  • Games
  • Devtools
  • Sitemap generator
  • Robots.txt generator

Project

  • Contributing
  • GitHub
  • Report an issue
  • Discussions
  • Releases

© 2026 Nayan UI

MIT License·

Made in India