Back to Medusa

{metadata.title}

www/apps/ui/app/components/container/page.mdx

2.14.2720 B
Original Source

import { ComponentExample } from "@/components/ComponentExample" import { ComponentReference } from "@/components/ComponentReference"

export const metadata = { title: Container, }

{metadata.title}

A component that wraps content in a card-like container. The container is useful to create sections in the Medusa Admin dashboard.

In this guide, you'll learn how to use the Container component.

<ComponentExample name="container-demo" />

Usage

tsx
import { Container } from "@medusajs/ui"
tsx
<Container>Container</Container>

API Reference

<ComponentReference mainComponent="Container" />

Examples

In a Layout

<ComponentExample name="container-layout" hideFeedback />