Ready

Row Selector

The row selector allows users to add child items to a parent item. The row selector uses a large target area along with feedback colors, and iconography to give users a quick and visual way to build content.

Ready

Row Selector

The row selector allows users to add child items to a parent item. The row selector uses a large target area along with feedback colors, and iconography to give users a quick and visual way to build content.

Ready

Row Selector

The row selector allows users to add child items to a parent item. The row selector uses a large target area along with feedback colors, and iconography to give users a quick and visual way to build content.

States

States

States

  1. Default

  2. Hover

  3. Checked

  4. Checked: Hover

  5. Intermediate

  6. Intermediate: Hover

  7. Remove


Best Practices

Best Practices

Best Practices

1. Row Selector vs Dropdown Button

The Row Selector should be used instead of the Dropdown Button when adding multiple items from a large list. If the list is short and the user is making a single selection, then a Dropdown Button may be used.

2. Row Selector vs Checkbox

The Row Selector should be used instead of the checkbox when selecting multiple items to add to a parent item. If the user is selecting multiple items in order to bulk edit those items, then a Checkbox may be used.

3. Tooltip

All Row Selectors are required to have a tooltip explaining the action to the user.

4. Single Action

Row Selectors should only be used as single actions within list items. They should not be placed in bars or containers and should not be combined with other actions.

5. Multiple Instances

Row Selectors may be used to add multiple instances of the same item to the parent item. Once a single instance has been added, the user can hover again to show the plus icon and add a second instance.

Need more guidance?

Suggest an addition or an edit.

Need more guidance?

Suggest an addition or an edit.

Need more guidance?

Suggest an addition or an edit.

© 2025 Basis Technologies
© 2025 Basis Technologies
© 2025 Basis Technologies