# Defaults (/themes/sdk/reference/cart/defaults)

```ts
import { … } from '@poltura/theme-sdk/cart';
```

## `CartButton` [#cartbutton]

The header's cart button: the item count, and the mini cart it opens, a popover on large screens and a side sheet below.

```ts
CartButton(props: CartButtonProps): ReactElement
```

**Props:** [`CartButtonProps`](/themes/sdk/reference/cart/types-2#cartbuttonprops)

**Example**

```tsx
import { CartButton } from '@poltura/theme-sdk/cart';

export function HeaderActions() {
  return <CartButton icon='bag' countPlacement='overlay' showLabel={false} />;
}
```

**See also:** [`MiniCart`](/themes/sdk/reference/cart/defaults#minicart), [`useCart`](/themes/sdk/reference/cart/hooks#usecart)

## `MiniCart` [#minicart]

The mini cart's body: compact lines, the total, the minimum order, and the cart and checkout buttons, or its empty and loading states.

```ts
MiniCart(props: MiniCartProps): ReactElement
```

**Props:** [`MiniCartProps`](/themes/sdk/reference/cart/types-2#minicartprops)

**Example**

```tsx
import { MiniCart, useCart } from '@poltura/theme-sdk/cart';

export function CartDrawerBody() {
  const { miniCart } = useCart();
  return <MiniCart surface='sheet' onClose={() => miniCart.setOpen(false)} />;
}
```

**See also:** [`CartButton`](/themes/sdk/reference/cart/defaults#cartbutton), [`CartLineItem`](/themes/sdk/reference/cart/parts#cartlineitem)