The Cards of the Design System

Lay out your application in order to match the environment. Cards simplify navigation and create a better hierarchy throughout the application.

 

Basic

Cards display a set of items related to one specific characteristic. It works with or without borders.

Basic_EN.png

 

Editable

When you hover over a card, an Edit button Edit_blue.png displays on the right.

Editable_EN.png

Clicking the button turns the card into an editable version.

Editable_Edit_EN.png

 

Complex

Cards can do more than just displaying simple information. They can display complex (and structured) values that can evolve when you alter the run context. Complex cards require users to manipulate them: adjusting the settings inside the header, displaying the card full screen, etc.

Complex_EN.png

 

See Finance Active's Design System for more details.

Was this article helpful?
0 out of 0 found this helpful