Mirakl Design
Mirakl Design
  • Getting started
    • Welcome to Roma
      • Design principles
  • Design
    • Components
      • Actions
        • Action menu
        • Buttons
        • Button group
        • File download
        • Save bar
        • Tasklist
        • Contextual Toolbar
      • Datalist
      • Datatable
      • Feedback
        • Alerts
        • Activity Loader
        • Badge (status)
        • Empty state
        • Snackbar
      • Form
        • Fields
        • Pickers
        • Selection controls
        • Tree
      • Images
        • Illustrations
        • Icons
        • Media
      • Navigation
        • Hyperlink
        • Page title
        • Sidebar
        • Top bar
      • Overlays
        • Modal
        • Popover
        • Tooltip
        • Side Drawer
      • Structure
        • Global layout
        • Panel
          • Activable Panel
          • Clickable Panel
          • Expandable Panel
          • Panel tabs
          • Totalizer Panel
        • Card
    • Patterns
      • Advanced selection
      • Configure options
      • Displaying data
      • Displaying history
      • Errors
      • Forms
        • Form - Creation mode
        • Form - Edition mode
        • Form - In a modal
        • Error Management
        • Stepper form
        • Onboarding form
      • Loading
      • Progressive disclosure
  • content
    • Writing for Mirakl
      • Grammar and formatting
    • Vocabulary
      • Mirakl products
      • Which verb to use
Powered by GitBook
On this page

Was this helpful?

  1. Design
  2. Components

Form

A page that has interactive controls with which a user can submit information to a web server.

Last updated 1 year ago

Was this helpful?

Forms at Mirakl

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 (save/cancel behavior, error management, ...) in our Patterns section.


form behavior
Cover

Fields

Fields allow users to enter an input. They will provide answers we cannot foresee unlike pickers.

Cover

Pickers

Pickers allow users to select content from a set of values, usually presented in a list or dropdown menu.

Cover

Selection controls

Selection controls are specific components to let users control different kinds of options, settings, or situations.

Cover

Tree

A tree helps showcase data in a hierarchical way, either for selection or navigation.