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.

View in Storybook

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.

View in Storybook

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.

View in Storybook

States

Default
Hover
Checked
Checked: Hover
Intermediate
Intermediate: Hover
Remove

Related Components

Ready

Tree Selector

The Tree Selector is a list view that presents data in a hierarchical order (parent-child relationships) and allows users to select groups of data from any level of the tree.

Ready

Tree Selector

The Tree Selector is a list view that presents data in a hierarchical order (parent-child relationships) and allows users to select groups of data from any level of the tree.

Ready

Tree Selector

The Tree Selector is a list view that presents data in a hierarchical order (parent-child relationships) and allows users to select groups of data from any level of the tree.

Ready

Tooltip

Tooltips are brief user-triggered messages that provide contextual information about an element on the screen. They are displayed when a user hovers or focuses on the element it is describing.

Ready

Tooltip

Tooltips are brief user-triggered messages that provide contextual information about an element on the screen. They are displayed when a user hovers or focuses on the element it is describing.

Ready

Tooltip

Tooltips are brief user-triggered messages that provide contextual information about an element on the screen. They are displayed when a user hovers or focuses on the element it is describing.

Additional Reading

Fitts's Law https://lawsofux.com/fittss-law.html
Fitts's Law: The Importance of Size and Distance in UI Design https://www.interaction-design.org/literature/article/fitts-s-law-the-importance-of-size-and-distance-in-ui-design search g_translate

undefined

Overview

States

Overview

States

Overview

States

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.

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.

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

More

More

More

Related Components

Tree Selector

Tree Selector

Tree Selector

Tooltip

Tooltip

Tooltip

Additional Reading