Mini cart

A cart dropdown with line items.

import { BuiMiniCart } from 'ng-blatui';

<bui-mini-cart [items]="cart" />

Empty

<bui-mini-cart [items]="[]" />

Prop	Type	Default	Description
`items`	`readonly CartItem[]`	`[]`	Line items in the cart, used for count and subtotal.
`currency`	`string`	`'$'`	Currency symbol prefixed to prices and subtotal.
`triggerLabel`	`string`	—	Accessible label override for the cart trigger button.
`label`	`string`	—	Accessible label override for the cart dropdown dialog.
`title`	`string`	—	Heading shown at the top of the cart panel. Falls back to `provideBuiLabels`.
`subtotalLabel`	`string`	—	Label for the subtotal row. Falls back to `provideBuiLabels`.
`locale`	`string`	—	BCP 47 locale for number formatting. Defaults to the app's `LOCALE_ID`.
`numberFormat`	`Intl.NumberFormatOptions`	`DEFAULT_NUMBER_FORMAT`	`Intl.NumberFormat` options for prices and subtotal. Replaces the default wholesale — pass `{ style: 'currency', currency: 'EUR' }` to let ICU place the symbol itself.

Bind with [(name)], or one-way as an input.

Prop	Type	Default	Description
`open`	`boolean`	`false`	Whether the dropdown is open. Two-way bindable with `[(open)]`.

CartItem

Field	Type	Description
`name`	`string`	Product name shown as the line-item label.
`variant`?	`string`	Optional variant description shown under the name.
`price`	`number`	Unit price of the item.
`qty`	`number`	Quantity in the cart.
`image`?	`string`	Optional thumbnail image URL.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.