Add to cart

A stateful add-to-cart button.

import { BuiAddToCart } from 'ng-blatui';

<bui-add-to-cart (triggered)="addItem()" />

Custom labels

<bui-add-to-cart label="Add to bag" addedLabel="Added ✓" />

<bui-add-to-cart size="sm" />
<bui-add-to-cart size="lg" />

Prop	Type	Default	Description
`label`	`string`	`'Add to cart'`	Button text shown in the idle and adding states.
`addedLabel`	`string`	`'Added'`	Button text shown briefly in the added (success) state.
`size`	`AddToCartSize`	`'default'`	Size preset controlling height and padding.

Event	Payload	Description
`triggered`	`void`	Emitted when the button is clicked to add the item.

AddToCartSize — Size preset controlling button height and padding.

"default" | "lg" | "sm"

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