Item

Item displays list row items with media avatars, title/description slots, and action buttons.

Usage

ItemExample.tsx

import { Item, ItemMedia, ItemContent, ItemTitle, ItemDescription, ItemActions, Avatar, Button } from '@masumdev/rn-ui';

export function ItemExample() {
  return (
    <Item>
      <ItemMedia>
        <Avatar name="Ma'sum" />
      </ItemMedia>
      <ItemContent>
        <ItemTitle>Ma'sum Dev</ItemTitle>
        <ItemDescription>React Native Monorepo Developer</ItemDescription>
      </ItemContent>
      <ItemActions>
        <Button size="sm" variant="outline">Follow</Button>
      </ItemActions>
    </Item>
  );
}

Props API

Prop	Type	Default	Description
children	ReactNode	—	Compound item sub-components.
size	'sm' | 'md' | 'lg'	'md'	Item padding size.
variant	'default' | 'card' | 'outline'	'default'	Row background variant.