---
metaTitle: Action Card Body component | AwesCode UI
meta:
  - name: description
    content: The <AwActionCardBody /> component is used to render Action Card Body - UI Vue component for AwesCode UI.
title: Action Card Body
---

# Action Card Body

**Category:** Atom | **Import:** Global

The `AwActionCardBody` component provides a structured body section for `AwActionCard` components.

## Overview

`AwActionCardBody` is a simple wrapper component designed to be used inside `AwActionCard` to provide consistent styling and structure for card content.

## Usage

### Basic Example

```markup
<AwActionCard title="Parent Card">
    <AwActionCardBody>
        <AwDescription tag="div">Body content here</AwDescription>
    </AwActionCardBody>
</AwActionCard>
```

### With Title

```markup
<AwActionCard title="Order Details">
    <AwActionCardBody title="Order #12345">
        <AwDescription tag="div">Status: Shipped</AwDescription>
    </AwActionCardBody>
</AwActionCard>
```

### Multiple Bodies

```markup
<AwActionCard title="User Profile">
    <AwActionCardBody title="Personal Information">
        <AwDescription tag="div">Name: John Doe</AwDescription>
    </AwActionCardBody>
    <AwActionCardBody title="Preferences">
        <AwDescription tag="div">Language: English</AwDescription>
    </AwActionCardBody>
</AwActionCard>
```

### With AwInfo for Stats

```markup
<AwActionCard title="Dashboard Stats">
    <AwActionCardBody>
        <AwGrid :col="{ sm: 2 }">
            <AwInfo label="Users" text="1,234" />
            <AwInfo label="Revenue" text="$45,678" />
            <AwInfo label="Orders" text="890" />
            <AwInfo label="Growth" text="+12%" />
        </AwGrid>
    </AwActionCardBody>
</AwActionCard>
```

## API

### Props

| Name | Description | Type | Required | Default |
|------|-------------|------|----------|---------|
| title | Optional section title | `String` | `false` | `''` |

### Slots

| Name | Description | Props | Default Slot Content |
|------|-------------|-------|---------------------|
| default | Body content | - | - |

### Events

No events are emitted by this component.

## Related Components

- `AwActionCard` - Parent card component
- `AwActionIcon` - Icon component for action cards
- `AwInfo` - Info component for displaying key-value pairs
- `AwDescription` - Description text component

## Notes

- **Import Method:** Global - Available as atom component
- Designed to be used within `AwActionCard` components
- Provides consistent spacing and styling for card content sections