Page Header
An editorial masthead: a large display title paired with an optional leading mark (the TanStack emblem by default), a lede, and an optional trailing action. It backs the blog, merch store, and Design System overview. Emphasized words (wrapped in `<em>`) pick up the warm accent. Source: src/components/ds/ui/PageHeader.tsx.
Left-aligned
`align='left'` (the default). The mark pairs with the title and the lede sits beneath — used on left-aligned catalog pages like this one.
TanStack Design System
A living catalog of the tokens and components that power TanStack.
Centered
`align='center'` centers the mark, title, and lede — the treatment used on the blog and merch mastheads.
TanStack Blog
The latest news and blog posts from TanStack.
Marks & actions
The mark defaults to the brand emblem (pass a custom `icon`, or `null` to omit it). Add a trailing `actions` node, and `withDivider` for a hairline beneath.