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

Category and rate can’t be blank

Subtotal

$0.00

Category and rate can’t be blank

Subtotal

$0.00

Category and rate can’t be blank

Subtotal

$0.00

Category and rate can’t be blank

Subtotal

$0.00

Category and rate can’t be blank

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