---
alias: "fc.tab.content"
aliases:
  - fc.tab.content
  - shared.components.material.SubLayoutContent
category: layout
module: Core
---

# fc.tab.content

Transparent content wrapper for a single tab panel inside `fc.tabs`.

## When to Use
- Wrap the content of each tab panel inside `fc.tabs`
- Group multiple components under a single tab

## Key Props

This component has no props. It is a pure pass-through that renders `<Children />`.

## Descendants
Yes -- accepts any components as children. All descendants are rendered directly.

## Composition Patterns
- `fc.tabs` > `fc.tab.content` (one per tab, each containing the tab's components)
- `fc.tab.content` > `fc.column` + `fc.column` for multi-column tab content
- `fc.tab.content` > `fc.list` for a list-based tab

## Gotchas
- This component renders no DOM of its own -- it is a pure `<Children />` pass-through.
- Must be used as a direct descendant of `fc.tabs` for correct tab index mapping.
- Registered with category `layout`.

## Manifest Example
```json
{
  "component": "fc.tab.content",
  "descendants": [
    {
      "component": "fc.card.attribute",
      "props": { "title": "Order Details" }
    },
    {
      "component": "fc.list",
      "props": { "title": "Line Items" }
    }
  ]
}
```

## AI Parse Notes
- **Primary intent:** Declarative Mystique component definition for manifests.
- **Selection signals:** Match by `alias`, category, and required `Key Props`.
- **Assembly hints:** Combine with compatible parent/child components listed in `Composition Patterns`.
- **Safety checks:** Validate required props and data bindings before manifest generation.
