# Multi Basket

Enables customers to create and manage multiple virtual baskets at the same time. Facilitates better basket organization.

## <mark style="color:red;">**Installation Method**</mark>

You can use the following command to install the extension with the latest plugins:

```bash
npx @akinon/projectzero@latest --plugins
```

### <mark style="color:red;">**Props**</mark>

<table><thead><tr><th width="113.66796875" align="center">Prop</th><th width="131.2421875" align="center">Type</th><th width="88.38671875" align="center">Required</th><th>Description</th></tr></thead><tbody><tr><td align="center">BasketItem</td><td align="center">JSX.Element</td><td align="center">Yes</td><td>Product component displayed in the basket.</td></tr></tbody></table>

### <mark style="color:red;">**Setting the Visibility of Multi Basket**</mark>

**File Path:**

```bash
settings.js file
```

```javascript
module.exports = {
 // other settings
 plugins: {
   // other plugin settings
   multiBasket: true
 }
};
```

## <mark style="color:red;">**Usage Examples**</mark>

**File Path:**

```bash
views/basket/basket-content.tsx
```

### <mark style="color:red;">**Default Usage**</mark>

```javascript
import { BasketItem } from '@theme/views/basket';

<PluginModule
   component={Component.MultiBasket}
   props={{
     BasketItem
   }}
/>
```