CMS Panel
Basic Usage
Loading...
Installation
pnpm add @corew500/uiUsage
import { CMSPanel } from "@corew500/ui/cms-panel"
<CMSPanel>Content</CMSPanel>Variants
cmsPanelVariants
| Axis | Values | Default |
|---|---|---|
| size | defaultsmlg | default |
API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| locale | string | — | The current locale code to display (e.g., 'en', 'fr') |
| title | string | CMS Fields | Custom title for the panel header (defaults to "CMS Fields") |
| description | string | — | Footer description text explaining the demo |
| size | enum | — | — |
Accessibility
Keyboard Navigation
- All form controls maintain proper tab order
Additional
- - Panel is a semantic grouping container
- Field labels are associated with their inputs
Localization
Translatable Content
- - Title and description props should contain pre-translated text
Additional
- Locale badge displays the current content language code