Docs
Card

Card

Displays a card with header, content, and footer.

Shipper Profiles

Manage each of your shippers

Create and manage your shippers: define shipment capacities, add markups, and set fuel costs

Usage

import { Card } from '@bit/ui'
<Card.Root>
  <Card.Header>
    <Card.Title>Shipper Profiles</Card.Title>
    <Card.Description>Manage each of your shippers</Card.Description>
  </Card.Header>
  <Card.Content>
    <p>
      Create and manage your shippers: define shipment capacities, add markups, and set fuel
      costs
    </p>
  </Card.Content>
  <Card.Footer>
    <Button>Manage</Button>
  </Card.Footer>
</Card.Root>
CalendarCheckbox