@flowbite-svelte-plugins/chart

Documentation

Use the chart and graph components from flowbite-svelte built with Tailwind CSS and ApexCharts to choose from line, area, bar, column, pie, and radial charts

Installation

``bash pnpm i -D @flowbite-svelte-plugins/chart`

Update app.css:

`css @source "../node_modules/@flowbite-svelte-plugins/chart/dist";`

`Example`

`$3`

`svelte


    
      32.4k

      Users this week

    

    
      12%


  
  
    
              class="inline-flex items-center bg-transparent py-0 text-center text-sm font-medium text-gray-500 hover:bg-transparent hover:text-gray-900 focus:ring-transparent dark:bg-transparent dark:text-gray-400 dark:hover:bg-transparent dark:hover:text-white dark:focus:ring-transparent"
        >Last 7 days      >
      
        Yesterday
        Today
        Last 7 days
        Last 30 days
        Last 90 days
      
              href="/"
        class="hover:text-primary-700 dark:hover:text-primary-500 rounded-lg px-3 py-2 text-sm font-semibold uppercase hover:bg-gray-100 hover:no-underline dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-700"
      >
        Users Report