Line Item Card

Renders a line item card.

Read more Read less

For stacked content, use line_item_card_row/1 for each repeated item. This lets the card align columns and show errors beneath each row on desktop, then place each error before its subtotal on mobile.

General admission

Subtotal

$120.00

Subtotal

$800.00

Subtotal

$40.00

Subtotal

$0.00

Attribute Type Documentation Default Value
Required id * :string
surface :string "grey"
content_layout :string

Controls whether the card content is arranged inline or in stacked rows.

"inline"
Required title * :string
class :any

Additional classes to add to the parent.

[]
errors :list

Errors to display below the card.

[]
on_close %JS{} %Phoenix.LiveView.JS{ops: []}
rest :global
Required inner_block * :slot