React + TypeScript + Vite + React Query: (Comment App)

App public

Install

$ yarn add @tanstack/react-query -E

$ yarn add react-spinners -E

$ yarn add @tremor/react

$ yarn add -D tailwindcss postcss autoprefixer 

$ yarn tailwindcss init -p

$ yarn add sonner
  • Add the paths to all of your template files in your tailwind.config.js file, including the path to the Tremor module.
/** @type {import('tailwindcss').Config} */

const colors = require("tailwindcss/colors");
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",

    // Path to the Tremor module
    "./node_modules/@tremor/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
  extend: {},
  },
  plugins: [],
}
  • Add the @tailwind directives for each of Tailwind's layers to your ./src/index.css file.
@tailwind base;
@tailwind components;
@tailwind utilities;

Documentation