PageContainer
The main content panel that sits on outer-background.
import { PageContainer } from "@cynco-labs/ui";Example
import { UsersIcon } from "@phosphor-icons/react";
import { PageContainer, PageHeader } from "@cynco-labs/ui";
export default function PageContainerDemo() {
return (
<div className="bg-outer-background p-2">
<PageContainer>
<PageHeader
icon={<UsersIcon size={16} weight="fill" className="text-subtle" />}
title="Customers"
/>
<div className="text-body p-3">Page content</div>
</PageContainer>
</div>
);
}Use
Wrapping each page's content.
Props
Children.