Heading
Rubrik med fördefinierad stil
import { Heading } from '@midas-ds/components'
<Heading level={2}>Jag är en vanlig h2-rubrik</Heading>
Jag är en vanlig h2-rubrik
Varianter
Nivå
Använd egenskapen level
för att justera rubrikens nivå
<Heading level={3}>Jag är en vanlig h3-rubrik</Heading>
Jag är en vanlig h3-rubrik
Extern
Använd egenskapen isExpressive
för ett externt och luftigare utseende.
<Heading
level={2}
isExpressive
>
Jag är en luftig h2-rubrik
</Heading>
Jag är en luftig h2-rubrik
Val av semantiskt element
Egenskapen elementType
kan användas för att ändra rubrikens semantiska nivå utan att påverka utseendet.
<Heading
level={1}
elementType='h3'
>
Jag är h3:a som ser ut som en vanlig h1:a
</Heading>
Jag är h3:a som ser ut som en vanlig h1:a
API
Heading
Name | Type | Default | Description |
---|---|---|---|
elementType | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | - | Override the semantic element of the component but keep the look of the level property |
isExpressive | boolean | false | Use the external/expressive look |
level | number | - |