Tokens

Typography Spacing Color Radius Shadow Motion

Icons

Icon set

Layouts

Arrange Box Flex Stack

Foundational

Field Menu Textbox

Utilities

Card Hooks Style utilities

Patterns

Cards Forms Lists and tables Modals

Guides

Responsive Theming

Showcase

Compositions Layouts Layout examples Tests

Field

FieldLabel

    <FieldLabel>FieldLabel</FieldLabel>

FieldHint

    <FieldHint>FieldHint</FieldHint>

InputField

    <InputField />

FieldClearButton

    <FieldClearButton />

Props

FieldLabel

Name

Type

Default

children

node

FieldHint

Name

Type

Default

children

node

InputField

Name

Type

Default

paddingLeft

oneOfType

oneOf

"xs" "s" "s2" "m" "l" "l2" "xl" "xl2" "xxl"

number

string

'fieldPaddingX'

paddingRight

oneOfType

oneOf

"xs" "s" "s2" "m" "l" "l2" "xl" "xl2" "xxl"

number

string

'fieldPaddingX'

hasError

bool

isReadOnly

bool

isDisabled

bool

backgroundColor

oneOfType

Object.keys(vars.colors)

string

FieldClearButton

Name

Type

Default

tag

oneOf

'button' 'a' 'span'

'button'

onClick

func