Drop-in replacement for text inputs used in Atlassian product environments.
Access to Fuegokit npm packages, source code repositories, and some content is limited to Appfire staff. Log in with Slack to continue.

Use as a drop-in replacement for text inputs in Atlassian products.

Extends the Fuegokit TextInput ARIA primitive.

Provides all the props that developers need in Atlassian product environments, styles for various needs, normalized behavior across different platforms and devices, and consistent keyboard focus behavior.


import {AtlasTextfield} from '@fuegokit/react'


Text fields should always consist of an input element and a label and you must ensure that they are semantically connected via ids.

Atlassian's text input component does not provide an accessible label by default. When using this component as a drop-in replacement in custom form components, include an accessible label element.

Input components must always be accompanied by a corresponding label to improve support for assistive technologies.


See also