Skip to Content
SmartUI

Item Card

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

Usage

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

When to use

  • Short lists of services, plans or clinics.

When not to use

  • Long lists. Use List Row or Data Grid.

Props

PropTypeDefaultDescription
titlestringrequired
descriptionstring-
iconIconName-
valueReactNode-
onPress() => void-

Accessibility

  • Read in order: title, description, value.

On this page