📲
HC Mobile App UI Docs
  • Introduction
  • Foundations
    • Colors
    • Icons
    • Layout Primitives
    • Theming
  • Typography
    • Heading
    • Text
    • Custom Fonts
  • Components
    • Accordion
    • Avatar
    • Bottom Sheet
    • Button
    • Button Group
    • Card List
    • Card List Item
    • Checkbox
    • Chip
    • Date Picker
    • Divider
    • Expandable Card
    • Floater
    • Horizontal List
    • Icon
    • Icon Toggle
    • Link
    • List Header
    • Lower Prompt
    • Nestable List
    • Pill Toggle
    • Radio
    • Select Picker
    • Selectable List
    • Text Input
    • Tiles
  • Utilities
    • Device Utilities
    • Layout Utilities
  • Resources
    • Issues
    • Changelog
    • GitHub
Powered by GitBook
On this page
  1. Components

Card List Item

PreviousCard ListNextCheckbox

Last updated 3 years ago

CtrlK
  • Installation
  • Example
  • Props

Installation

import { CardListItem, CardListItemProps } from 'hc-mobile-app-ui';

Example

Props

Name
Type
Description

photoUrl

string

URL of photo to be shown on the left.

fallbackImage

Image

Fallback photo in case photoUrl is not present.

title

ReactElement

Title for this list item.

subTitle

string

Subtitle for this list item.

description

string

Description for this list item.

tags

Array<string>

List of tags for this item.

onPress

function

Function to be called when the item is pressed.

marker

ReactElement

A React element to be rendered below the card photo.