@aiui/ai-form

Minimal Form & Input React Components.

Usage no npm install needed!

<script type="module">
  import aiuiAiForm from 'https://cdn.skypack.dev/@aiui/ai-form';
</script>

README

AiForm

Minimal Form & Input React Components.

Provides Form, Input, Radio, Checkbox and Select component

npm bundle size npm bundle size npm download

Install

npm i @aiui/ai-form

Import

import AiForm, { AiInput, AiSelect, AiCheckbox, AiRadio } from '@aiui/ai-form';

AiForm Props

Name Type Default Description
onDone func ( ) => { } Callback fired when Form gets validated and submitted (returns form current Ref)
children node Form children (input,radio,select,checkbox)

AiInput Props

Name Type Default Description
name string Input field name
type string text Input field type
label string Input field label
showLabel bool true If false, field label is hidden
withGroup bool true If false, field margin is removed

AiSelect Props

Name Type Default Description
name string Select field name
options array [ ] Select field options ( [{ label, value }, { label, value }] )
label string Select field label
showLabel bool true If false, field label is hidden
withGroup bool true If false, field margin is removed

AiCheckbox Props

Name Type Default Description
name string Checkbox field name
options array [ ] Checkbox field options ( [{ label, value }, { label, value }] )
label string Checkbox field label
showLabel bool true If false, field label is hidden
withGroup bool true If false, field margin is removed
selectedValues array [ ] Default Checked Options
inline bool true If true, Checkbox options shown inline

AiRadio Props

Name Type Default Description
name string Radio field name
options array [ ] Radio field options ( [{ label, value }, { label, value }] )
label string Radio field label
showLabel bool true If false, field label is hidden
withGroup bool true If false, field margin is removed
selectedValue any Default Checked Option
inline bool true If true, Radio options shown inline