36 lines
741 B
Markdown
36 lines
741 B
Markdown
|
# @fluentui/react-input
|
||
|
|
|
||
|
|
**React Input components for [Fluent UI React](https://react.fluentui.dev)**
|
||
|
|
|
||
|
|
Inputs give people a way to enter and edit text.
|
||
|
|
|
||
|
|
### Usage
|
||
|
|
|
||
|
|
Import Input:
|
||
|
|
|
||
|
|
```js
|
||
|
|
import { Input } from '@fluentui/react-components';
|
||
|
|
```
|
||
|
|
|
||
|
|
#### Examples
|
||
|
|
|
||
|
|
```jsx
|
||
|
|
<Input defaultValue="Hello, World!" />
|
||
|
|
<Input value={value} onChange={onInputChange} />
|
||
|
|
```
|
||
|
|
|
||
|
|
See [Fluent UI Storybook](https://react.fluentui.dev/) for more detailed usage examples.
|
||
|
|
|
||
|
|
Alternatively, run Storybook locally with:
|
||
|
|
|
||
|
|
1. `yarn start`
|
||
|
|
2. Select `react-input` from the list.
|
||
|
|
|
||
|
|
### Specification
|
||
|
|
|
||
|
|
See [Spec.md](./Spec.md)
|
||
|
|
|
||
|
|
### Upgrade Guide
|
||
|
|
|
||
|
|
If you're upgrading to Fluent UI v9 see the upgrade guide in [Storybook](https://react.fluentui.dev/) under Concepts > Upgrading.
|