Heading

Rubrik, h1, h2, h3, h4, h5, h6

Rubrik med fördefinerad stil

<Heading level={2}>Jag är en vanlig h2-rubrik</Heading>

Jag är en vanlig h2-rubrik

npm install @midas-ds/components

yarn add @midas-ds/components

pnpm add @midas-ds/components

import { Heading } from '@midas-ds/components'

Använd egenskapen level för att justera rubrikens nivå

<Heading level={3}>Jag är en vanlig h3-rubrik</Heading>

Använd egenskapen isExpressive för ett externt och luftigare utseende.

<Heading
  level={2}
  isExpressive
>
  Jag är en luftig h2-rubrik
</Heading>

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>

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`	`3`