WorkspaceSectionCard
Shared titled card wrapper used to frame the workspace-specific admin surfaces.
Import
import { WorkspaceSectionCard } from "@xylex-group/athena-auth-ui"Also exported from: @xylex-group/athena-auth-ui/plugins
Details
- Category:
component - Primary entrypoint:
@xylex-group/athena-auth-ui - Public entrypoints:
@xylex-group/athena-auth-ui,@xylex-group/athena-auth-ui/plugins - Source:
packages/heroui/src/components/auth/workspace/workspace-section-card.tsx
Props
| Prop | Type | Required | Notes |
|---|---|---|---|
actions | ReactNode | No | |
children | ReactNode | No | |
description | string | undefined | No | |
title | string | Yes | |
variant | "default" | "secondary" | "tertiary" | "transparent" | undefined | No | Visual variant. |
className | string | undefined | No | |
render | DOMRenderFunction<"div", undefined> | undefined | No | Overrides the default DOM element with a custom render function. This allows rendering existing components with built-in styles and behaviors such as router links, animation libraries, and pre-styled components. Requirements: * You must render the expected element type (e.g. if <button> is expected, you cannot render an <a>). * Only a single root DOM element can be rendered (no fragments). * You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate. |
Notes
- Workspace cards are the focused admin surfaces that power the optional workspace settings experience.
- Most of them either consume
WorkspaceRuntimestate directly or call the exported workspace hooks against an Athena auth client.