---
description: Use for Main Content Card on SmartERP System.
---

# Main Card

<figure><img src="https://868272446-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYR5c0a9XvTkGUPJXw69m%2Fuploads%2FL2d2qpNdgpQFwisCrhQu%2Fmain-card.png?alt=media&#x26;token=71fbda5c-5b21-42a7-ad9e-fe9620c8cd77" alt="" width="563"><figcaption><p>Main Card</p></figcaption></figure>

### Params

<table><thead><tr><th width="89" data-type="checkbox"> </th><th width="112">Param</th><th width="221">value</th><th>Use for</th></tr></thead><tbody><tr><td>true</td><td>grid</td><td>tailwindcss class name</td><td>divide columns for contents</td></tr><tr><td>true</td><td>class</td><td>tailwindcss class name</td><td></td></tr></tbody></table>

## **Usage**

### Single Card Layout

If you're using a sample layout card just apply this to the file blade

```html
<x-main-card>
    Single Card
</x-main-card>
```

### Multiple Cards Layout

In case multi card in the layout card

```html
<x-main-card grid="1">
    <x-card-inner>
        Multi Card
    </x-card-inner>
    
    <x-card-inner>
        Multi Card
    </x-card-inner>
</x-main-card>
```
