SplitLayout
Two-column split layout with title and description on the left and content on the right. Ideal for settings and configuration pages with multiple grouped sections.
Import
import { SplitLayoutGroup, SplitLayout, SplitLayoutSeparator } from "@repo/design-system/components/layouts/split-layout";Basic Usage
General
Basic information about the workspace.
Notifications
Configure how you receive alerts.
Email notifications
Size Variants
Small
Equal columns.
Medium
Content gets 2/3.
Large
Content gets 3/4.
Extra Large
Content gets 4/5.
With Card Content
Danger Zone
Irreversible actions for this workspace.
Delete workspace
Permanently remove this workspace and all its data.