@oniti/oniti-inputs

Inputs s'appuyant sur Material UI

Usage no npm install needed!

<script type="module">
  import onitiOnitiInputs from 'https://cdn.skypack.dev/@oniti/oniti-inputs';
</script>

README

Oniti Inputs

N|Solid

Installation

$ npm install @oniti/oniti-inputs --save

Exemples

Autocomplete

<TextInput
    id="test"
    label="Role"
    value={role_uuid}
    margin="normal"
    collectionStore={usersStore}
    name='role_uuid'
    onChangeHandler={onChangeHandler}
    fullWidth
    type="autocomplete"
    autocompleteProps={{
        collectionName: "roles",
    }}
/>

Select

<TextInput
    id="role_uuid"
    label="Rôle"
    value={role_uuid}
    margin="normal"
    collectionStore={usersStore}
    name='role_uuid'
    onChangeHandler={onChangeHandler}
    className={classes.selectContainer}
    select
>
    {this.getRoles()}
</TextInput>

Classique

<TextInput
    id="email"
    label="Email"
    value={email}
    margin="normal"
    collectionStore={usersStore}
    name='email'
    onChangeHandler={onChangeHandler}
    fullWidth
/>

DateInput

<DateInput
    id="created_at"
    label="Date de création"
    value={created_at}
    margin="normal"
    collectionStore={usersStore}
    name="created_at"
    onChangeHandler={onChangeHandler}
    fullWidth
    pickertype="datetime"
/>

NumberInput

<NumberInput
    id="poids_estime"
    label="Poids estimé (t)"
    value={poids_estime}
    margin="normal"
    collectionStore={usersStore}
    name='poids_estime'
    onChangeHandler={onChangeHandler}
    fullWidth
/>

CheckBoxInput

<CheckboxInput
    id="type_vente_depart"
    label="Vente en départ"
    value={type_vente_depart}
    margin="normal"
    name="type_vente_depart"
    onChangeHandler={onChangeHandler}
/>

License

MIT