Skip to content
Components / Collections

Description list

Terms and values, such as a record's properties.

@fabrials/ui
Loading state
Relay ID
relay_7f3a2c
Endpoint
https://relay.example.com
Webhook
Configured, not verified

Installation

  1. Import the control from @fabrials/ui, after setting the app up.

    TypeScript
    import { DescriptionList, DescriptionItem, DescriptionTerm, DescriptionDetails } from "@fabrials/ui";

API reference

Prop / exportTypeDescription
layoutgrid | stacked | autoSide by side, stacked, or auto: it follows the list's own width, stacked under 30rem and a 8 to 11rem term column from it with a 1 rem gap before its details (the list becomes a size container, so it must fill its parent's width).

Behavior

A configured value is not a verified one: say which it is.

Accessibility

Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.