Skip to content

stats.md

Latest commit

 

History

History
49 lines (42 loc) · 1.16 KB

stats.md

File metadata and controls

49 lines (42 loc) · 1.16 KB

How to use Display components

Content List

Requirement

Please Check Usage: Reqirement

JS Requirement

Params Requirement

  • title : Stats title
  • data : data value
  • range : percentage data
  • id : init canvas id
  • bgColor : HEX Color code for background color #1fa8e029, etc...
  • lineColor: HEX Color code for border color #1fa8e029, etc...
  • color : Tailwindcss class name text-red-500 etc...

<x-stats>

This stats is out of panel. User can add <x-card> </x-card> outside to place it into the card panel.

<x-stats
    title="Revenue"
    data="10"
    range="100"
    id="init-id"
    bgColor="#1fa8e029"
    lineColor="#1fa8e0"
    color="text-green-500">
</x-stats>

<x-card:stats>

Return with card panel

<x-card:stats
    title="Revenue"
    data="10"
    range="100"
    id="init-ids"
    bgColor="#1fa8e029"
    lineColor="#1fa8e0"
    color="text-green-500">
</x-card:stats>