DescriptionList

DescriptionList renders product metadata with precise alignment while keeping native description list semantics.

#Default usage

<DescriptionList>
  <DescriptionItem>
    <DescriptionTerm>Package</DescriptionTerm>
    <DescriptionDetails>@froggdesign/enter-ui-react</DescriptionDetails>
  </DescriptionItem>
  <DescriptionItem>
    <DescriptionTerm>Status</DescriptionTerm>
    <DescriptionDetails>Published</DescriptionDetails>
  </DescriptionItem>
</DescriptionList>

#Import

import {
  DescriptionDetails,
  DescriptionItem,
  DescriptionList,
  DescriptionTerm,
  KeyValueList,
} from "@froggdesign/enter-ui-react";

#Density

#Accessibility

DescriptionList renders dl, dt, and dd. Keep terms short and details specific so screen reader output stays useful.

#API

• DescriptionList supports density: compact, normal, or spacious.
• DescriptionItem groups one term and details pair.
• KeyValueList is an alias for teams that use key-value terminology.
• Every part supports native props and className.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.