AtlasTextfield

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

import {AtlasTextfield} from '@fuegokit/react'

Accessibility

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.

Usage

<Box as="form">
  <label htmlFor="my-text-field">My fext field</label>
  <AtlasTextfield id="my-text-field" />
</Box>

See also