Skip to main content

Label

Input component is a component that is used to get user input in a text field.

Storybook Link

Import​

To implement the component into your project you'll need to add the import:

import { Form } from '@anthane/core-elements';

Usage​

After adding import into your project you can use it simply like:

<Form.Label htmlFor="form-id" label="Label Text" />

Accessibility​

This component is based on the native label element, it will automatically apply the correct labelling when wrapping controls or using the htmlFor attribute. For your own custom controls to work correctly, ensure they use native elements such as button or input as a base.