Property List
DisplayMITKey-value metadata display for detail panels and settings.
bun add @otfdashkit/ui
Preview
Property ListDisplay
Loading Storybook preview…
Code
@otfdashkit/uiimport { 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.