@fluentui/react-input

@fluentui/react-input

React Input 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.

Inputs give people a way to enter and edit text.

Usage

Import Input:

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

Examples

<Input defaultValue="Hello, World!" />
<Input value={value} onChange={onInputChange} />

See Fluent UI Storybook for more detailed usage examples.

Alternatively, run Storybook locally with:

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

Specification

See Spec.md

Upgrade Guide

If you're upgrading to Fluent UI v9 see the upgrade guide in Storybook under Concepts > Upgrading.