Skip to main content

List.Item

#List Item

A component to show card inside a List.

Apple Image

Usage​

import React from 'react';

import {List} from './components';

const Example = () => {
  return (
    <List>
      <List.Item
        title="list item1"
        description="list item description here"
        left={() => <List.Icon icon="heart" />}
        right={() => <List.Icon icon="alert-circle" />}
      />
      <List.Item
        title="list item2"
        description="list item description here"
        left={() => <List.Icon icon="heart" />}
        right={() => <List.Icon icon="alert-circle" />}
      />
    </List>
  );
};

export default Example;

Props​

title(required)​

Type: 'string'

Title text for the list accordion.

description​

Type: 'string'

description text for the list accordion.

left​

Type: '() => React.ReactNode'

Type: '() => React.ReactNode'

titleVariant​

Type: 'string'

varinat props from the base text component. Check all varaints .

titleColor​

Type: 'string'

color props from the base text component. The color should match a name defined in the theme's color object.

divider​

Type: boolean

A horizontal separator at the bottom of the list