Description list

Term/description pairs.

Full name: Sofia Carter
Email: [email protected]
Plan: Pro (annual)

import { BuiDescriptionList, BuiDescriptionItem } from 'ng-blatui';

<dl buiDescriptionList [bordered]="true">
  <bui-description-item term="Plan">Pro</bui-description-item>
  <bui-description-item term="Seats">5</bui-description-item>
</dl>

Bordered

Invoice: #INV-2048
Status: Paid
Amount: $1,200.00

<dl buiDescriptionList [bordered]="true">
  <bui-description-item term="Invoice">#INV-2048</bui-description-item>
</dl>

Vertical

Shipping address: 128 Maple Street, Brooklyn, NY 11201
Billing address: Same as shipping

<dl buiDescriptionList layout="vertical">
  <bui-description-item term="Shipping address">128 Maple Street…</bui-description-item>
</dl>