Package Exports

@fluentui/react-label

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@fluentui/react-label) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@fluentui/react-label

React Label components for Fluent UI React

These are not production-ready components and should never be used in product. This space is useful for testing new components whose APIs might change before final release.

Usage

To use the Label component import it from @fluentui/react-label and use it as shown below.

import * as React from 'react';
import { Label } from '@fluentui/react-label';

export const labelExample = () => {
  const inputId = React.useId('firstNameLabel');

  return (
    <>
      <Label htmlfor={inputId} required strong>
        First Name
      </Label>
      <input id={inputId} />
    </>
  );
};