9.1.78 • Published 7 months ago

@fluentui/react-field v9.1.78

Weekly downloads
-
License
MIT
Repository
github
Last release
7 months ago

@fluentui/react-field

React Field component for Fluent UI React

Description

Field adds a label, validation message, and hint text to a control. Any single form control can be used as the child of the Field.

Usage

To import Field:

import { Field } from '@fluentui/react-components';

Examples

Works with many form controls, for example:

<>
  <Field label="Name">
    <Input />
  </Field>
  <Field label="Description">
    <Textarea />
  </Field>
  <Field label="Size">
    <RadioGroup>
      <Radio label="Small" />
      <Radio label="Medium" />
      <Radio label="Large" />
    </RadioGroup>
  </Field>
</>

Display hint text:

<Field label="Password" hint="Must be at least 8 characters long.">
  <Input type="password" />
</Field>

Display an error message:

<Field label="Re-enter password" validationMessage="Passwords do not match.">
  <Input type="password" />
</Field>

See Fluent UI Storybook for more detailed usage examples.

Alternatively, run Storybook locally with:

  1. yarn start
  2. Select react-field from the list.

Specification

See SPEC.md.

Migration Guide

If you're upgrading to Fluent UI v9 see MIGRATION.md for guidance on updating the Field component.

9.1.78

8 months ago

9.1.77

8 months ago

9.1.76

9 months ago

9.1.75

9 months ago

9.1.68

12 months ago

9.1.69

12 months ago

9.1.67

1 year ago

9.1.71

11 months ago

9.1.72

11 months ago

9.1.73

10 months ago

9.1.74

10 months ago

9.1.70

11 months ago

9.1.66

1 year ago

9.1.65

1 year ago

9.1.64

1 year ago

9.1.63

1 year ago

9.1.62

1 year ago

9.1.61

1 year ago

9.1.60

1 year ago

9.1.59

1 year ago

9.1.58

1 year ago

9.1.57

1 year ago

9.1.56

1 year ago

9.1.55

1 year ago

9.1.54

1 year ago

9.1.53

1 year ago

9.1.52

1 year ago

9.1.51

1 year ago

9.1.50

1 year ago

9.1.49

1 year ago

9.1.48

1 year ago

9.1.47

1 year ago

9.1.46

1 year ago

9.1.45

1 year ago

9.1.44

1 year ago

9.1.17

2 years ago

9.1.18

2 years ago

9.1.19

2 years ago

9.1.13

2 years ago

9.1.14

2 years ago

9.1.15

2 years ago

9.1.16

2 years ago

9.1.10

2 years ago

9.1.11

2 years ago

9.1.12

2 years ago

9.1.28

2 years ago

9.1.29

2 years ago

9.1.24

2 years ago

9.1.25

2 years ago

9.1.26

2 years ago

9.1.27

2 years ago

9.1.20

2 years ago

9.1.21

2 years ago

9.1.22

2 years ago

9.1.23

2 years ago

9.1.39

2 years ago

9.1.35

2 years ago

9.1.36

2 years ago

9.1.37

2 years ago

9.1.38

2 years ago

9.1.31

2 years ago

9.1.32

2 years ago

9.1.33

2 years ago

9.1.34

2 years ago

9.1.30

2 years ago

9.1.42

2 years ago

9.1.43

2 years ago

9.1.40

2 years ago

9.1.41

2 years ago

9.1.9

2 years ago

9.1.8

2 years ago

9.1.7

2 years ago

9.1.6

2 years ago

9.1.5

2 years ago

9.1.4

2 years ago

9.1.3

2 years ago

9.1.2

2 years ago

9.0.0-beta.2

2 years ago

9.0.0-beta.1

2 years ago

9.0.0-alpha.28

2 years ago

9.0.0-alpha.29

2 years ago

9.0.0-alpha.26

2 years ago

9.0.0-alpha.27

2 years ago

9.0.0-alpha.24

2 years ago

9.0.0-alpha.25

2 years ago

9.0.0-alpha.22

2 years ago

9.0.0-alpha.23

2 years ago

9.1.1

2 years ago

9.1.0

2 years ago

9.0.0-alpha.20

2 years ago

9.0.0-alpha.21

2 years ago

9.0.0-alpha.17

2 years ago

9.0.0-alpha.18

2 years ago

9.0.0-alpha.15

2 years ago

9.0.0-alpha.16

2 years ago

9.0.0-alpha.19

2 years ago

9.0.0-alpha.7

3 years ago

9.0.0-alpha.6

3 years ago

9.0.0-alpha.5

3 years ago

9.0.0-alpha.9

3 years ago

9.0.0-alpha.8

3 years ago

9.0.0-alpha.13

2 years ago

9.0.0-alpha.14

2 years ago

9.0.0-alpha.11

2 years ago

9.0.0-alpha.12

2 years ago

9.0.0-alpha.10

3 years ago

9.0.0-alpha.4

3 years ago

9.0.0-alpha.3

3 years ago

9.0.0-alpha.2

3 years ago

9.0.0-alpha.1

3 years ago