Components

Label

Label functions as a clear and accessible text label that tells the user what an associated form element is about.

weight
Description: Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
Type: "regular" | "medium" | "semibold"
Default: medium

asChild
Description: Change the default rendered element for the one passed as a child, merging their props and behavior.
Type: boolean
Default: false

Name	Type	Default	Description
weight	`"regular" \| "medium" \| "semibold"`	medium	Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
asChild	`boolean`	false	Change the default rendered element for the one passed as a child, merging their props and behavior.

Usage

import { Label } from "@digdir/designsystemet-react";
<Label>Social Security Number (11 digits)</Label>;

Story not found: WeightsEn

Use the class name ds-label to style an HTML <label> element.

Use data-weight to set the font weight.

<label class="ds-label" for="my-input">Birth Number (11 digits)</label>

No relevant css variables found.

Data Attributes
Name	Value
data-weight	semibold, regular