Skip to content

Layout

MSM pattern

Page Header

Page and section headings with an optional eyebrow, description, and actions.

When to use it
Every page starts with one PageHeader. Use SectionHeading for sections within it. Page actions go in the actions slot, with at most one primary action.

Page and section headings

Northside Music Studio

Students

248 active students across piano, strings, voice, and percussion.

Trial lessons

Students who joined this term and have not enrolled yet.

Usage

Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.

View registry item