Data List

DataList displays key-value pairs formatted cleanly for detail screens and specs.

Usage

DataListExample.tsx

import { DataList, DataListItem, DataListLabel, DataListValue } from '@masumdev/rn-ui';

export function DataListExample() {
  return (
    <DataList>
      <DataListItem>
        <DataListLabel>Package</DataListLabel>
        <DataListValue>@masumdev/rn-ui</DataListValue>
      </DataListItem>
      <DataListItem>
        <DataListLabel>Version</DataListLabel>
        <DataListValue>v0.1.0</DataListValue>
      </DataListItem>
    </DataList>
  );
}

Props API

Prop	Type	Default	Description
children	ReactNode	—	DataListItem elements.
orientation	'horizontal' | 'vertical'	'horizontal'	Label and value alignment.