components
Selector box file
v.1.0.0 | SaturnHealthy
StorybookInput for uploading a file.
Anatomy
| Name | Description |
|---|---|
1 | Brief summary about the box. |
2 | Gives more information about the container box. |
3 | Gives more information about the file to upload. |
4 | A link can be added for further information. |
5 Required | width height |
6 Required | Decorative icon. Size 36px. |
7 Required | Describes the action. |
8 Required | Text that provides the condicions to solve before the action can be done. |
9 Required | Button to retrieve the action. |
States
Default
Loading
Success
Error
Disabled
Layout
Label with more than one line.
If the label is long, the container grows vertically.
Clickable area
All the box is clickable.
Do's and dont's
Do’s
The minimum width is 328px.
Don’t
The width can't be less than 328pxpx.
Do’s
The minimum height is 112px.
Don’t
The height can't be less than 112px.
Do’s
Text grows vertically.
Don’t
Text can't grow horizontally.