shinbun-components

<shinbun-headline>

Headline. Spans all columns of its article. Exposed as `role="heading"`.

Example

大きな見出し

size は xl、l、m、s の4種類。

<shinbun-paper dan="4" chars="8" font-size="0.8rem">
  <shinbun-page>
    <shinbun-article span="4">
      <shinbun-headline size="l" level="2">大きな見出し</shinbun-headline>
      <p>size は xl、l、m、s の4種類。</p>
    </shinbun-article>
  </shinbun-page>
</shinbun-paper>

Attributes

NameTypeDescription
size"xl"|"l"|"m"|"s"Size (default: m)
levelnumberHeading level 1-6 (default: 2)

Properties

NameTypeDescription
sizeHeadlineSize | null

Methods

None

Slots

NameDescription
(default)Headline text

CSS custom properties

NameDescription
--sb-h-xlScale of xl relative to the body font size
--sb-h-lScale of l
--sb-h-mScale of m
--sb-h-sScale of s