Learn Design System

  • Introduction
  • Inputs
  • Utils

Fundamentals

General

Inputs

Layout

Navigation

Modals

A RowItem displays text on the left side and an optional component on the right side: another Text, a Checkbox, Radio, Switch or Icon.

PropTypeNotes
textstringThe text to display on the left side.
componentstringThe component to display, if any.
valuebooleanThe value to pass to the component.
iconstringIf component is icon, the icon to display.
validationfunction
disabledboolean
validationfunction
onValueChangefunction
paddingLeftnumberThe left padding on the RowItem's text.

See the Inputs section for more on how inputs work in Learn.

Component

A RowItem's component prop can accept one of the following options:

Component
"text"
"icon"
“switch”
“radio”
“checkbox”
"stepper"