KPI Metric Cards Component

Check live on - https://metric-tiles.vercel.app

Each KPI card has two modes:

• View Mode
• Edit Mode

When in View Mode, clicking anywhere switches to Edit Mode.

Add new card:

• A plus (”+”) icon on both sides of a card on hover.
• Clicking on these icons adds a new card in the specific position (left/right).
• The new card starts in Edit Mode.

Responsiveness:

• The maximum number of cards in a row is 3.
• The component is responsive for all kinds of devices.