Home/Components/Page section

Page section

Grouping container inside a long page. Title + optional sub + a slot for content.

Stable .page-section Layout primitive

Default

Used to break a settings page or long form into clear sections.

Workspace

The settings that affect every member of Mukamba Group.

[ form rows ]

Security

SSO, sessions, and audit log.

[ form rows ]
Two page sections

With actions

Header row that includes a trailing button (Add, Manage…).

API keys

Use these to authorise external integrations.

[ keys list ]
Section with action

Do & don't

Do

Use a section title that names the noun — "Security", "Tax & VAT", "Cash drawer".

Don't

Nest sections more than one level. If you need depth, split the page.

Do

Keep section padding the same so the page rhythm stays.

Don't

Use a section for one row of content. Inline it instead.