List Row

One row in a list. Replaces tables in the app.

TotalPay at the clinicRp340.000

Email reminders

Usage

import { ListRow } from '@smartui/react';
import '@smartui/react/styles.css';

When to use

Lists in the app: bookings, settings, history.

When not to use

Multi-column data on web. Use Data Grid.

Props

Prop	Type	Default	Description
`title`	`string`	`required`
`description`	`string`	`-`
`leading, trailing`	`ReactNode`	`-`
`showChevron`	`boolean`	`false`
`onPress`	`() => void`	`-`

Accessibility

The whole row is one touch target, at least 56 px tall.

Card

Container for one self-contained group of content.

Item Card

Compact card for one item: icon, name, description and one value.

On this page

Usage When to use When not to use Props Accessibility