Wraps fields and provides styles for focus/hover states


15.0.68 months ago5 years agoMinified + gzip package size for @atlaskit/field-base in KB



This component contains all the common behaviour and styles for fields

FieldBase provides an Atlassian Design Guidelines compatible implementation for:

  • Labels: spacing, margins, accessibility.
  • Fields: sizing, borders, colors, wrapping behaviour, hover/focus states.
  • Validation: styles (built in validation coming soon!)

FieldBase components will work by themselves, but are really meant to be extended into a full field component.


yarn add @atlaskit/field-base


Detailed docs and example usage can be found here.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.