@keeganteetaert/ui v1.0.5

KT__UI

Global props

Each UI component is equipped with:

• componentId prop which translates into an HTML data-component-id attribute
• className prop which can be used to add additional CSS styling

Input components

Props

In addition to the global props each input component is equipped with:

• value prop
• onChange prop
• onFocus prop
• disabled prop which adds a kt__disabled class to the HTML element
• loading prop which adds a kt__loading class to the HTML element
• error prop which adds a kt__error class to the HTML element
• additional props unique to each input

Fields

Input components may be wrapped in a Field component to provide additional props such as:

• label prop
• subText prop
• errorMessage prop which adds a kt__error class to the HTML element and when set enables the child's error prop

Layout components

Flex

Card