Skip to content

Property List

DisplayMIT
View in Storybook

Key-value metadata display for detail panels and settings.

bun add @otfdashkit/ui

Preview

Property List
Loading Storybook preview…

Code

import { PropertyList, PropertyItem } from '@otfdashkit/ui'

export function Example() {
  return (
    <div className="max-w-sm">
      <PropertyList>
        <PropertyItem label="Name" value="Alice Johnson" />
        <PropertyItem label="Email" value="alice@example.com" />
        <PropertyItem label="Role" value="Admin" />
        <PropertyItem label="Notes" value="Long description here" orientation="vertical" />
      </PropertyList>
    </div>
  )
}

Free with the SDK. This component ships in @otfdashkit/ui under the MIT license.