@atlaskit/field-base

Wraps fields and provides styles for focus/hover states

Usage no npm install needed!

<script type="module">
  import atlaskitFieldBase from 'https://cdn.skypack.dev/@atlaskit/field-base';
</script>

README

FieldBase

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.

Installation

yarn add @atlaskit/field-base

Usage

Detailed docs and example usage can be found here.