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
  • Overview
  • Key takeaways

Was this helpful?

  1. Design
  2. Components
  3. Actions

File download

This component allows users to download a file from Mirakl.

Last updated 1 year ago

Was this helpful?

Overview

This component allows users to download a file from the platform, not upload one.

To upload any document into the platform, refer to a dedicated component to be used in a form.

This component has two mandatory fields:

  • File name (specifying the file type). If the file name is too long to fit into the given space, we automatically include an ellipsis but always display the file format.

  • File icon

This component has a optional fields:

  • File size Specifying the file size is better because it provides users a useful information, aiding transparency from our side, download speed estimation, and data storage needed.

Each component can contain only one file. If multiple files are available for download, you must overstack the component

Key takeaways

  • Include file size if possible

  • Use one component per file

  • Change the wording of the action (no "Download here")

Upload Button