blog site header
BlogSiteHeader renders the blog title row that anchors the index and article layouts. It stays intentionally small so the blog retains a quiet editorial hierarchy.
| field | value |
|---|---|
| group | blog |
| import | @arieare/ds-blog/BlogSiteHeader.astro |
| source | packages/ds-blog/src/BlogSiteHeader.astro packages/ds-blog/src/blog.css |
component tokens
| token | source | description |
|---|---|---|
--page-bg / --border-color | @arieare/ds-blog/tokens.css | Sets the blog reading surface and divider color. The centered reading width now comes from the shared shell-layout tokens. |
--primary-ink / --secondary-ink | @arieare/ds-blog/tokens.css | Provides the blog package's primary and secondary ink aliases. |
--blog-surface-rule-hover | @arieare/ds-blog/tokens.css | Hover rule color used by list-item and navigator accents. |
props
| prop | type | default | description |
|---|---|---|---|
href | string | — | Destination for the blog identity link. |
label | string | — | Visible blog label text. |