PageSectionTitleOnly() — supabase Function Reference

Source Code

apps/design-system/registry/default/example/page-section-title-only.tsx lines 10–32

export default function PageSectionTitleOnly() {
  return (
    <div className="w-full">
      <PageSection>
        <PageSectionMeta>
          <PageSectionSummary>
            <PageSectionTitle>Section Title</PageSectionTitle>
          </PageSectionSummary>
        </PageSectionMeta>
        <PageSectionContent>
          <Card>
            <CardContent className="p-6">
              <p className="text-sm text-foreground-light">
                PageSectionSummary should still be wrapped in PageSectionMeta, as the latter is a
                flex container that will allow the former to span its full width.
              </p>
            </CardContent>
          </Card>
        </PageSectionContent>
      </PageSection>
    </div>
  )
}