# Form

### Forms at Mirakl <a href="#id-594a74" id="id-594a74"></a>

Forms represent a great deal in Mirakl's products. Our users encounter forms in various situations: to fill in information, to manage settings, or to create objects...

As a recurring pattern in our products, we aim to provide a consistent form experience. To do so, we described in this section each form component guideline.

Learn more about [form behavior](https://design.mirakl.com/design/patterns/forms) (save/cancel behavior, error management, ...) in our [Patterns section](https://design.mirakl.com/design/components/broken-reference).

***

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Fields</strong></td><td>Fields allow users to enter an input. They will provide answers we cannot foresee unlike pickers.</td><td></td><td><a href="form/fields">fields</a></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FPcIwcdzDDH7oiybEFvZE%2FFields%20Card.png?alt=media&#x26;token=57f3cad3-de55-44ad-af80-943f2c89ff25">Fields Card.png</a></td></tr><tr><td><strong>Pickers</strong></td><td>Pickers allow users to select content from a set of values, usually presented in a list or dropdown menu.</td><td></td><td><a href="form/pickers">pickers</a></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2FTSOpkdZWunMeDWAQmwfP%2FPickers%20Card.png?alt=media&#x26;token=08390d53-94a4-491b-8b7c-88115d97cbf6">Pickers Card.png</a></td></tr><tr><td><strong>Selection controls</strong></td><td>Selection controls are specific components to let users control different kinds of options, settings, or situations.</td><td></td><td><a href="form/selection-controls">selection-controls</a></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2F6vGodjxkq9wHtpkdKL9C%2FSelection%20controls%20Card.png?alt=media&#x26;token=668a4f08-1cfa-4640-8ead-154c3bf0f03f">Selection controls Card.png</a></td></tr><tr><td><strong>Tree</strong></td><td>A tree helps showcase data in a hierarchical way, either for selection or navigation.</td><td></td><td><a href="form/tree">tree</a></td><td><a href="https://1297765105-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMoZPkWOmnKvoMWGW4aeM%2Fuploads%2Fke8WImOUq8wj6k11hKFp%2FTree%20Card.png?alt=media&#x26;token=3dc4bc9d-0fd4-400c-97e0-11ab9cc1e718">Tree Card.png</a></td></tr></tbody></table>