Content v1.0.0

Description List

Semantic description list for displaying key-value pairs. Available in stacked, horizontal, and striped styles. Uses proper dl/dt/dd HTML elements for accessibility.

Stacked

Label stacked above value, separated by dividers

Options

Name Type Default Description
items * Array required Array of hashes with :label and :value keys
class String "" Additional CSS classes

Horizontal

Label left, value right in a side-by-side layout

Options

Name Type Default Description
items * Array required Array of hashes with :label and :value keys
label_width String "w-1/3" Tailwind width class for the label column
class String "" Additional CSS classes

Striped

Alternating row backgrounds for improved readability

Options

Name Type Default Description
items * Array required Array of hashes with :label and :value keys
label_width String "w-1/3" Tailwind width class for the label column
class String "" Additional CSS classes

Changelog v1.0.0

- Initial release with stacked, horizontal, and striped styles
- Semantic dl/dt/dd HTML
- Dark mode support

Get Full Access

Unlock the source code for this component and all others. One-time payment for lifetime access.

Get Access Now