- Published on
The 5 Really Obvious Ways To Make A Expenses Dashboard With Tailwind CSS Better That You Ever Did

- What is Tailwind CSS?
- The description of Expenses Dashboard ui component
- Why use Tailwind CSS to build a Expenses Dashboard ui component?
- The preview of Expenses Dashboard ui component
- The source code of Expenses Dashboard ui component
- How to build a Expenses Dashboard with Tailwind CSS?
- Install tailwind css of verion 1.4.6
- All the unility class needed to build a Expenses Dashboard component
- 77 steps to build a Expenses Dashboard component with Tailwind CSS
- Conclusion
What is Tailwind CSS?
Tailwind CSS is a utility-first CSS framework that focuses on creating personalized user interfaces quickly. It can gives you all the building blocks you are able to create personalized designs without having to fight to override irritating opinionated styles. Also, Tailwind CSS is a highly configurable, low-level CSS framework.
The description of Expenses Dashboard ui component
Check it out in full mode with dark mode
svelte-tailwind-ui.vercel.app/expenses-dashboard/Why use Tailwind CSS to build a Expenses Dashboard ui component?
- It can make the building process of Expenses Dashboard ui component faster and more easily.
- Enables building complex responsive layouts and components freely.
- Minimum lines of CSS code in Expenses Dashboard component file.
The preview of Expenses Dashboard ui component
Free download of the Expenses Dashboard's source code
The source code of Expenses Dashboard ui component
<div class="h-screen flex">
<nav
class="w-56 bg-white dark:bg-gray-800 select-none overflow-y-auto
transition duration-500 ease-in-out">
<div class="flex flex-col items-center ">
<h1
class="text-6xl font-light text-pink-600 dark:text-pink-400 mt-0
transition duration-500 ease-in-out">
pleo
</h1>
<img
class="h-16 w-16 rounded-full object-cover mt-4"
src="data:image/jpeg;base64,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"
alt="mickey mouse Profile" />
<span
class="capitalize mt-2 mb-6 dark:text-gray-400 transition
duration-500 ease-in-out">
mickey
</span>
</div>
<ul>
<li
class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
duration-500 ease-in-out">
<button
class="focus:text-pink-500 dark-focus:text-pink-400
focus:outline-none w-full transition duration-500 ease-in-out">
<span class="flex items-center">
<svg class="h-4 w-4 fill-current" viewBox="0 0 576 512">
<path
d="M527.9 32H48.1C21.5 32 0 53.5 0 80v352c0 26.5
21.5 48 48.1 48h479.8c26.6 0 48.1-21.5
48.1-48V80c0-26.5-21.5-48-48.1-48zM54.1
80h467.8c3.3 0 6 2.7 6 6v42H48.1V86c0-3.3 2.7-6
6-6zm467.8 352H54.1c-3.3
0-6-2.7-6-6V256h479.8v170c0 3.3-2.7 6-6 6zM192
332v40c0 6.6-5.4 12-12 12h-72c-6.6
0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h72c6.6 0 12
5.4 12 12zm192 0v40c0 6.6-5.4 12-12 12H236c-6.6
0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h136c6.6 0
12 5.4 12 12z"></path>
</svg>
<span class="ml-4 capitalize">my card</span>
</span>
</button>
</li>
<li
class="pl-8 py-2 font-semibold text-pink-500 dark:text-pink-400
border-l-2 border-pink-500 hover:bg-pink-200 mb-2 transition
duration-500 ease-in-out">
<button
class="focus:text-pink-500 dark-focus:text-pink-400
focus:outline-none w-full transition duration-500 ease-in-out">
<span class="flex items-center">
<svg class="h-4 w-4 fill-current" viewBox="0 0 24 24">
<path
d="M15 5v4h-4v4H7v4H3v3h7v-4h4v-4h4V8h4V5h-7z"></path>
</svg>
<span class="ml-4 capitalize">expenses</span>
</span>
</button>
</li>
<li
class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
duration-500 ease-in-out">
<button
class="focus:text-pink-500 dark-focus:text-pink-400
focus:outline-none w-full transition duration-500 ease-in-out">
<span class="flex items-center">
<svg class="h-4 w-4 fill-current" viewBox="0 0 24 24">
<path
d="M20 10H4V4h16m0 11H4v-2h16m0-11H4c-1.11 0-2
.89-2 2v11c0 1.11.89 2 2 2h4v5l4-2 4 2v-5h4c1.11
0 2-.89 2-2V4c0-1.11-.89-2-2-2z"></path>
</svg>
<span class="ml-4 capitalize">wallet</span>
</span>
</button>
</li>
<li
class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
duration-500 ease-in-out">
<button
class="focus:text-pink-500 dark-focus:text-pink-400
focus:outline-none w-full transition duration-500 ease-in-out">
<span class="flex items-center">
<svg class="h-4 w-4 fill-current" viewBox="0 0 24 24">
<path
d="M16 9c6 0 6 4 6
4v2h-6v-2s0-1.69-1.15-3.2c-.17-.23-.38-.45-.6-.66C14.77
9.06 15.34 9 16 9m-8 2c3.5 0 3.94 1.56 4
2H4c.06-.44.5-2 4-2m0-2c-6 0-6 4-6
4v2h12v-2s0-4-6-4m1 8v2h6v-2l3 3-3 3v-2H9v2l-3-3
3-3M8 3c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1
.45-1 1-1m0-2C6.34 1 5 2.34 5 4s1.34 3 3 3 3-1.34
3-3-1.34-3-3-3m8 0c-1.66 0-3 1.34-3 3s1.34 3 3 3
3-1.34 3-3-1.34-3-3-3z"></path>
</svg>
<span class="ml-4 capitalize">manage team</span>
</span>
</button>
</li>
<li
class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
duration-500 ease-in-out">
<button
class="focus:text-pink-500 dark-focus:text-pink-400
focus:outline-none w-full transition duration-500 ease-in-out">
<span class="flex items-center">
<svg class="h-4 w-4 fill-current" viewBox="0 0 24 24">
<path
d="M21 8V6H7v2h14m0 8v-5H7v5h14m0-12a2 2 0 012
2v10a2 2 0 01-2 2H7a2 2 0 01-2-2V6c0-1.11.89-2
2-2h14M3 20h15v2H3a2 2 0 01-2-2V9h2v11z"></path>
</svg>
<span class="ml-4 capitalize">manage cards</span>
</span>
</button>
</li>
<li
class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
duration-500 ease-in-out">
<button
class="focus:text-pink-500 dark-focus:text-pink-400
focus:outline-none w-full transition duration-500 ease-in-out">
<span class="flex items-center">
<svg class="h-4 w-4 fill-current" viewBox="0 0 448 512">
<path
d="M128 148v-40c0-6.6 5.4-12 12-12h40c6.6 0 12
5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6
0-12-5.4-12-12zm140 12h40c6.6 0 12-5.4
12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12
12v40c0 6.6 5.4 12 12 12zm-128 96h40c6.6 0 12-5.4
12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12
12v40c0 6.6 5.4 12 12 12zm128 0h40c6.6 0 12-5.4
12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12
12v40c0 6.6 5.4 12 12 12zm-76
84v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12
12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4
12-12zm76 12h40c6.6 0 12-5.4
12-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12
12v40c0 6.6 5.4 12 12 12zm180 124v36H0v-36c0-6.6
5.4-12 12-12h19.5V24c0-13.3 10.7-24
24-24h337c13.3 0 24 10.7 24 24v440H436c6.6 0 12
5.4 12 12zM79.5 463H192v-67c0-6.6 5.4-12
12-12h40c6.6 0 12 5.4 12 12v67h112.5V49L80 48l-.5
415z"></path>
</svg>
<span class="ml-4 capitalize">company profile</span>
</span>
</button>
</li>
<li
class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
hover:bg-pink-200 dark-hover:bg-pink-500 mb-2 transition
duration-500 ease-in-out">
<button
class="focus:text-pink-500 dark-focus:text-pink-400
focus:outline-none w-full transition duration-500 ease-in-out">
<span class="flex items-center">
<svg class="h-4 w-4 fill-current" viewBox="0 0 24 24">
<path
d="M3 13h12v-2H3m0-5v2h18V6M3 18h6v-2H3v2z"></path>
</svg>
<span class="ml-4 capitalize">manage categories</span>
</span>
</button>
</li>
<li
class="pl-8 py-2 font-semibold text-gray-700 dark:text-gray-400
hover:bg-pink-200 dark-hover:bg-pink-500 transition duration-500
ease-in-out">
<button
class="focus:text-pink-500 dark-focus:text-pink-400
focus:outline-none w-full transition duration-500 ease-in-out">
<span class="flex items-center">
<svg class="h-4 w-4 fill-current" viewBox="0 0 496 512">
<path
d="M248 104c-53 0-96 43-96 96s43 96 96 96 96-43
96-96-43-96-96-96zm0 144c-26.5
0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5
48-48 48zm0-240C111 8 0 119 0 256s111 248 248 248
248-111 248-248S385 8 248 8zm0 448c-49.7
0-95.1-18.3-130.1-48.4 14.9-23 40.4-38.6
69.6-39.5 20.8 6.4 40.6 9.6 60.5 9.6s39.7-3.1
60.5-9.6c29.2 1 54.7 16.5 69.6 39.5-35 30.1-80.4
48.4-130.1
48.4zm162.7-84.1c-24.4-31.4-62.1-51.9-105.1-51.9-10.2
0-26 9.6-57.6 9.6-31.5 0-47.4-9.6-57.6-9.6-42.9
0-80.6 20.5-105.1 51.9C61.9 339.2 48 299.2 48
256c0-110.3 89.7-200 200-200s200 89.7 200 200c0
43.2-13.9 83.2-37.3 115.9z"></path>
</svg>
<span class="ml-4 capitalize">my profile</span>
</span>
</button>
</li>
</ul>
</nav>
<main
class="flex-1 bg-gray-200 dark:bg-gray-900 overflow-y-auto transition
duration-500 ease-in-out">
<div
class="px-24 py-12 text-gray-700 dark:text-gray-500 transition
duration-500 ease-in-out">
<h2 class="text-4xl font-medium capitalize">expenses</h2>
<div class="mt-1 mb-4 flex items-center justify-between">
<span class="text-sm">
wallet balance
<strong>71.180,00kr</strong>
</span>
<div class="flex items-center select-none">
<span class="hover:text-pink-500 cursor-pointer mr-3">
<svg viewBox="0 0 512 512" class="h-5 w-5 fill-current">
<path
d="M505 442.7L405.3
343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7
44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1
208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4
2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9
0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7
0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0
128 57.2 128 128 0 70.7-57.2 128-128 128z"></path>
</svg>
</span>
<input
class="bg-transparent focus:outline-none"
placeholder="Search in activity" />
</div>
<button
class="flex items-center focus:outline-none border
rounded-full py-2 px-6 leading-none border-gray-500
select-none hover:text-pink-600 hover:bg-pink-300">
<svg class="h-5 w-5 fill-current mr-1" viewBox="0 0 24 24">
<path
d="M12 1L8 5h3v9h2V5h3m2 18H6a2 2 0 01-2-2V9a2 2 0
012-2h3v2H6v12h12V9h-3V7h3a2 2 0 012 2v12a2 2 0 01-2
2z"></path>
</svg>
<span>Export</span>
</button>
<div class="flex items-center select-none">
<span>Filter</span>
<button
class="ml-3 bg-gray-400 dark:bg-gray-600
dark:text-gray-400 rounded-full p-2 focus:outline-none
hover:text-pink-500 hover:bg-pink-300 transition
duration-500 ease-in-out">
<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
<path
d="M14 12v7.88c.04.3-.06.62-.29.83a.996.996 0
01-1.41 0l-2.01-2.01a.989.989 0
01-.29-.83V12h-.03L4.21 4.62a1 1 0
01.17-1.4c.19-.14.4-.22.62-.22h14c.22 0
.43.08.62.22a1 1 0 01.17 1.4L14.03 12H14z"></path>
</svg>
</button>
<button
class="ml-2 bg-gray-400 dark:bg-gray-600
dark:text-gray-400 rounded-full p-2 focus:outline-none
hover:text-pink-500 hover:bg-pink-300 transition
duration-500 ease-in-out">
<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
<path
d="M18 21l-4-4h3V7h-3l4-4 4 4h-3v10h3M2
19v-2h10v2M2 13v-2h7v2M2 7V5h4v2H2z"></path>
</svg>
</button>
<button
class="ml-2 bg-gray-400 dark:bg-gray-600
dark:text-gray-400 rounded-full p-2 focus:outline-none
hover:text-pink-500 hover:bg-pink-300 transition
duration-500 ease-in-out">
<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
<path
d="M12 4a4 4 0 014 4 4 4 0 01-4 4 4 4 0 01-4-4 4
4 0 014-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21
3.58-4 8-4z"></path>
</svg>
</button>
</div>
</div>
<div
class="border dark:border-gray-700 transition duration-500
ease-in-out"></div>
<div class="flex flex-col mt-2">
<div class="flex flex-row mt-2">
<div
class="flex w-full items-center justify-between bg-white
dark:bg-gray-800 px-8 py-6 border-l-4 border-green-500
dark:border-green-300">
<!-- card -->
<div class="flex">
<img
class="h-12 w-12 rounded-full object-cover"
src="data:image/jpeg;base64,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"
alt="infamous" />
<div class="flex flex-col ml-6">
<span class="text-lg font-bold">Amazon</span>
<div class="mt-4 flex">
<div class="flex">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M12 4a4 4 0 014 4 4 4 0 01-4 4
4 4 0 01-4-4 4 4 0 014-4m0
10c4.42 0 8 1.79 8
4v2H4v-2c0-2.21 3.58-4 8-4z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
Niccolo perra
</span>
</div>
<div class="flex ml-6">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M19
19H5V8h14m-3-7v2H8V1H6v2H5c-1.11
0-2 .89-2 2v14a2 2 0 002 2h14a2 2
0 002-2V5a2 2 0 00-2-2h-1V1m-1
11h-5v5h5v-5z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
13 aug 2016
</span>
</div>
<div class="flex ml-6">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M13 2.05v2.02c3.95.49 7 3.85 7
7.93 0 3.21-1.92 6-4.72 7.28L13
17v5h5l-1.22-1.22C19.91 19.07 22
15.76 22
12c0-5.18-3.95-9.45-9-9.95M11
2c-1.95.2-3.8.96-5.32 2.21L7.1
5.63A8.195 8.195 0 0111 4V2M4.2
5.68C2.96 7.2 2.2 9.05 2
11h2c.19-1.42.75-2.77
1.63-3.9L4.2 5.68M6
8v2h3v1H8c-1.1 0-2 .9-2
2v3h5v-2H8v-1h1c1.11 0 2-.89
2-2v-1a2 2 0 00-2-2H6m6
0v5h3v3h2v-3h1v-2h-1V8h-2v3h-1V8h-2M2
13c.2 1.95.97 3.8 2.22
5.32l1.42-1.42A8.21 8.21 0 014
13H2m5.11 5.37l-1.43 1.42A10.04
10.04 0 0011 22v-2a8.063 8.063 0
01-3.89-1.63z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
21 hours
</span>
</div>
</div>
<div class="mt-4 flex">
<button
class="flex items-center
focus:outline-none border rounded-full
py-2 px-6 leading-none border-gray-500
dark:border-gray-600 select-none
hover:bg-blue-400 hover:text-white
dark-hover:text-gray-200">
<svg
class="h-5 w-5 fill-current mr-2"
viewBox="0 0 24 24">
<path
d="M14
12v7.88c.04.3-.06.62-.29.83a.996.996
0 01-1.41 0l-2.01-2.01a.989.989 0
01-.29-.83V12h-.03L4.21 4.62a1 1
0
01.17-1.4c.19-.14.4-.22.62-.22h14c.22
0 .43.08.62.22a1 1 0 01.17
1.4L14.03 12H14z"></path>
</svg>
<span>Select Category</span>
</button>
<button
class="flex items-center ml-4
focus:outline-none border rounded-full
py-2 px-6 leading-none border-blue-500
dark:border-blue-600 select-none
hover:bg-blue-400 hover:text-white
dark-hover:text-gray-200">
<svg
class="h-5 w-5 fill-current mr-2
text-blue-600"
viewBox="0 0 576 512">
<path
d="M402.3 344.9l32-32c5-5
13.7-1.5 13.7 5.7V464c0 26.5-21.5
48-48 48H48c-26.5
0-48-21.5-48-48V112c0-26.5
21.5-48 48-48h273.5c7.1 0 10.7
8.6 5.7 13.7l-32 32c-1.5 1.5-3.5
2.3-5.7
2.3H48v352h352V350.5c0-2.1.8-4.1
2.3-5.6zm156.6-201.8L296.3
405.7l-90.4 10c-26.2
2.9-48.5-19.2-45.6-45.6l10-90.4L432.9
17.1c22.9-22.9 59.9-22.9 82.7
0l43.2 43.2c22.9 22.9 22.9 60 .1
82.8zM460.1 174L402 115.9 216.2
301.8l-7.3 65.3 65.3-7.3L460.1
174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8
0L436 82l58.1 58.1
30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path>
</svg>
<span>Add note</span>
</button>
</div>
</div>
</div>
<div class="flex flex-col -mt-10 mr-20">
<span
class="font-semibold text-green-500
dark:text-green-300">
Refunded
</span>
<span
class="font-semibold text-green-500
dark:text-green-300">
200 $
</span>
<span
class="text-sm text-gray-700 dark:text-gray-400
mt-2">
300,00kr
</span>
</div>
</div>
<div
class="text-center flex flex-col items-center
justify-center bg-white dark:bg-gray-800
dark:text-gray-300 ml-1 px-12 cursor-pointer
hover:bg-blue-200 dark-hover:bg-blue-500 rounded-lg">
<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
<path
d="M9.47 9.65l-1.41 1.42L11
14l5.19-5.18-1.41-1.42L11 11.18M17 3H7c-1.1 0-2
.9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2m0 15l-5-2.18L7
18V5h10z"></path>
</svg>
</div>
</div>
<div class="flex flex-row mt-2">
<div
class="flex w-full items-center justify-between bg-white
dark:bg-gray-800 px-8 py-6">
<!-- card -->
<div class="flex">
<img
class="h-12 w-12 rounded-full object-cover"
src="data:image/jpeg;base64,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"
alt="infamous" />
<div class="flex flex-col ml-6">
<span class="text-lg font-bold">Amazon</span>
<div class="mt-4 flex">
<div class="flex">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M12 4a4 4 0 014 4 4 4 0 01-4 4
4 4 0 01-4-4 4 4 0 014-4m0
10c4.42 0 8 1.79 8
4v2H4v-2c0-2.21 3.58-4 8-4z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
Niccolo perra
</span>
</div>
<div class="flex ml-6">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M19
19H5V8h14m-3-7v2H8V1H6v2H5c-1.11
0-2 .89-2 2v14a2 2 0 002 2h14a2 2
0 002-2V5a2 2 0 00-2-2h-1V1m-1
11h-5v5h5v-5z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
13 aug 2016
</span>
</div>
<div class="flex ml-6">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M13 2.05v2.02c3.95.49 7 3.85 7
7.93 0 3.21-1.92 6-4.72 7.28L13
17v5h5l-1.22-1.22C19.91 19.07 22
15.76 22
12c0-5.18-3.95-9.45-9-9.95M11
2c-1.95.2-3.8.96-5.32 2.21L7.1
5.63A8.195 8.195 0 0111 4V2M4.2
5.68C2.96 7.2 2.2 9.05 2
11h2c.19-1.42.75-2.77
1.63-3.9L4.2 5.68M6
8v2h3v1H8c-1.1 0-2 .9-2
2v3h5v-2H8v-1h1c1.11 0 2-.89
2-2v-1a2 2 0 00-2-2H6m6
0v5h3v3h2v-3h1v-2h-1V8h-2v3h-1V8h-2M2
13c.2 1.95.97 3.8 2.22
5.32l1.42-1.42A8.21 8.21 0 014
13H2m5.11 5.37l-1.43 1.42A10.04
10.04 0 0011 22v-2a8.063 8.063 0
01-3.89-1.63z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
21 hours
</span>
</div>
</div>
<div class="mt-4 flex">
<button
class="flex items-center
focus:outline-none border rounded-full
py-2 px-6 leading-none border-gray-500
dark:border-gray-600 select-none
hover:bg-blue-400 hover:text-white
dark-hover:text-gray-200">
<svg
class="h-5 w-5 fill-current mr-2"
viewBox="0 0 24 24">
<path
d="M14
12v7.88c.04.3-.06.62-.29.83a.996.996
0 01-1.41 0l-2.01-2.01a.989.989 0
01-.29-.83V12h-.03L4.21 4.62a1 1
0
01.17-1.4c.19-.14.4-.22.62-.22h14c.22
0 .43.08.62.22a1 1 0 01.17
1.4L14.03 12H14z"></path>
</svg>
<span>Select Category</span>
</button>
<button
class="flex items-center ml-4
focus:outline-none border rounded-full
py-2 px-6 leading-none border-blue-500
dark:border-blue-600 select-none
hover:bg-blue-400 hover:text-white
dark-hover:text-gray-200">
<svg
class="h-5 w-5 fill-current mr-2
text-blue-600"
viewBox="0 0 576 512">
<path
d="M402.3 344.9l32-32c5-5
13.7-1.5 13.7 5.7V464c0 26.5-21.5
48-48 48H48c-26.5
0-48-21.5-48-48V112c0-26.5
21.5-48 48-48h273.5c7.1 0 10.7
8.6 5.7 13.7l-32 32c-1.5 1.5-3.5
2.3-5.7
2.3H48v352h352V350.5c0-2.1.8-4.1
2.3-5.6zm156.6-201.8L296.3
405.7l-90.4 10c-26.2
2.9-48.5-19.2-45.6-45.6l10-90.4L432.9
17.1c22.9-22.9 59.9-22.9 82.7
0l43.2 43.2c22.9 22.9 22.9 60 .1
82.8zM460.1 174L402 115.9 216.2
301.8l-7.3 65.3 65.3-7.3L460.1
174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8
0L436 82l58.1 58.1
30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path>
</svg>
<span>Add note</span>
</button>
</div>
</div>
</div>
<div class="flex flex-col -mt-10 mr-20">
<span
class="font-semibold text-green-500
dark:text-green-300">
Refunded
</span>
<span
class="font-semibold text-green-500
dark:text-green-300">
200 $
</span>
<span
class="text-sm text-gray-700 dark:text-gray-400
mt-2">
300,00kr
</span>
</div>
</div>
<div
class="text-center flex flex-col items-center
justify-center bg-white dark:bg-gray-800
dark:text-gray-300 ml-1 px-12 cursor-pointer
hover:bg-blue-200 dark-hover:bg-blue-500 rounded-lg">
<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
<path
d="M9.47 9.65l-1.41 1.42L11
14l5.19-5.18-1.41-1.42L11 11.18M17 3H7c-1.1 0-2
.9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2m0 15l-5-2.18L7
18V5h10z"></path>
</svg>
</div>
</div>
<div class="flex flex-row mt-2">
<div
class="flex w-full items-center justify-between bg-white
dark:bg-gray-800 px-8 py-6">
<!-- card -->
<div class="flex">
<img
class="h-12 w-12 rounded-full object-cover"
src="data:image/jpeg;base64,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"
alt="infamous" />
<div class="flex flex-col ml-6">
<span class="text-lg font-bold">Amazon</span>
<div class="mt-4 flex">
<div class="flex">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M12 4a4 4 0 014 4 4 4 0 01-4 4
4 4 0 01-4-4 4 4 0 014-4m0
10c4.42 0 8 1.79 8
4v2H4v-2c0-2.21 3.58-4 8-4z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
Niccolo perra
</span>
</div>
<div class="flex ml-6">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M19
19H5V8h14m-3-7v2H8V1H6v2H5c-1.11
0-2 .89-2 2v14a2 2 0 002 2h14a2 2
0 002-2V5a2 2 0 00-2-2h-1V1m-1
11h-5v5h5v-5z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
13 aug 2016
</span>
</div>
<div class="flex ml-6">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M13 2.05v2.02c3.95.49 7 3.85 7
7.93 0 3.21-1.92 6-4.72 7.28L13
17v5h5l-1.22-1.22C19.91 19.07 22
15.76 22
12c0-5.18-3.95-9.45-9-9.95M11
2c-1.95.2-3.8.96-5.32 2.21L7.1
5.63A8.195 8.195 0 0111 4V2M4.2
5.68C2.96 7.2 2.2 9.05 2
11h2c.19-1.42.75-2.77
1.63-3.9L4.2 5.68M6
8v2h3v1H8c-1.1 0-2 .9-2
2v3h5v-2H8v-1h1c1.11 0 2-.89
2-2v-1a2 2 0 00-2-2H6m6
0v5h3v3h2v-3h1v-2h-1V8h-2v3h-1V8h-2M2
13c.2 1.95.97 3.8 2.22
5.32l1.42-1.42A8.21 8.21 0 014
13H2m5.11 5.37l-1.43 1.42A10.04
10.04 0 0011 22v-2a8.063 8.063 0
01-3.89-1.63z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
21 hours
</span>
</div>
</div>
<div class="mt-4 flex">
<button
class="flex items-center
focus:outline-none border rounded-full
py-2 px-6 leading-none border-gray-500
dark:border-gray-600 select-none
hover:bg-blue-400 hover:text-white
dark-hover:text-gray-200">
<svg
class="h-5 w-5 fill-current mr-2"
viewBox="0 0 24 24">
<path
d="M14
12v7.88c.04.3-.06.62-.29.83a.996.996
0 01-1.41 0l-2.01-2.01a.989.989 0
01-.29-.83V12h-.03L4.21 4.62a1 1
0
01.17-1.4c.19-.14.4-.22.62-.22h14c.22
0 .43.08.62.22a1 1 0 01.17
1.4L14.03 12H14z"></path>
</svg>
<span>Select Category</span>
</button>
<button
class="flex items-center ml-4
focus:outline-none border rounded-full
py-2 px-6 leading-none border-blue-500
dark:border-blue-600 select-none
hover:bg-blue-400 hover:text-white
dark-hover:text-gray-200">
<svg
class="h-5 w-5 fill-current mr-2
text-blue-600"
viewBox="0 0 576 512">
<path
d="M402.3 344.9l32-32c5-5
13.7-1.5 13.7 5.7V464c0 26.5-21.5
48-48 48H48c-26.5
0-48-21.5-48-48V112c0-26.5
21.5-48 48-48h273.5c7.1 0 10.7
8.6 5.7 13.7l-32 32c-1.5 1.5-3.5
2.3-5.7
2.3H48v352h352V350.5c0-2.1.8-4.1
2.3-5.6zm156.6-201.8L296.3
405.7l-90.4 10c-26.2
2.9-48.5-19.2-45.6-45.6l10-90.4L432.9
17.1c22.9-22.9 59.9-22.9 82.7
0l43.2 43.2c22.9 22.9 22.9 60 .1
82.8zM460.1 174L402 115.9 216.2
301.8l-7.3 65.3 65.3-7.3L460.1
174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8
0L436 82l58.1 58.1
30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path>
</svg>
<span>Add note</span>
</button>
</div>
</div>
</div>
<div class="flex flex-col -mt-10 mr-20">
<span
class="font-semibold text-green-500
dark:text-green-300">
Refunded
</span>
<span
class="font-semibold text-green-500
dark:text-green-300">
200 $
</span>
<span
class="text-sm text-gray-700 dark:text-gray-400
mt-2">
300,00kr
</span>
</div>
</div>
<div
class="text-center flex flex-col items-center
justify-center bg-white dark:bg-gray-800
dark:text-gray-300 ml-1 px-12 cursor-pointer
hover:bg-blue-200 dark-hover:bg-blue-500 rounded-lg">
<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
<path
d="M9.47 9.65l-1.41 1.42L11
14l5.19-5.18-1.41-1.42L11 11.18M17 3H7c-1.1 0-2
.9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2m0 15l-5-2.18L7
18V5h10z"></path>
</svg>
</div>
</div>
<div class="flex flex-row mt-2">
<div
class="flex w-full items-center justify-between bg-white
dark:bg-gray-800 px-8 py-6">
<!-- card -->
<div class="flex">
<img
class="h-12 w-12 rounded-full object-cover"
src="data:image/jpeg;base64,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"
alt="infamous" />
<div class="flex flex-col ml-6">
<span class="text-lg font-bold">Amazon</span>
<div class="mt-4 flex">
<div class="flex">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M12 4a4 4 0 014 4 4 4 0 01-4 4
4 4 0 01-4-4 4 4 0 014-4m0
10c4.42 0 8 1.79 8
4v2H4v-2c0-2.21 3.58-4 8-4z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
Niccolo perra
</span>
</div>
<div class="flex ml-6">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M19
19H5V8h14m-3-7v2H8V1H6v2H5c-1.11
0-2 .89-2 2v14a2 2 0 002 2h14a2 2
0 002-2V5a2 2 0 00-2-2h-1V1m-1
11h-5v5h5v-5z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
13 aug 2016
</span>
</div>
<div class="flex ml-6">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M13 2.05v2.02c3.95.49 7 3.85 7
7.93 0 3.21-1.92 6-4.72 7.28L13
17v5h5l-1.22-1.22C19.91 19.07 22
15.76 22
12c0-5.18-3.95-9.45-9-9.95M11
2c-1.95.2-3.8.96-5.32 2.21L7.1
5.63A8.195 8.195 0 0111 4V2M4.2
5.68C2.96 7.2 2.2 9.05 2
11h2c.19-1.42.75-2.77
1.63-3.9L4.2 5.68M6
8v2h3v1H8c-1.1 0-2 .9-2
2v3h5v-2H8v-1h1c1.11 0 2-.89
2-2v-1a2 2 0 00-2-2H6m6
0v5h3v3h2v-3h1v-2h-1V8h-2v3h-1V8h-2M2
13c.2 1.95.97 3.8 2.22
5.32l1.42-1.42A8.21 8.21 0 014
13H2m5.11 5.37l-1.43 1.42A10.04
10.04 0 0011 22v-2a8.063 8.063 0
01-3.89-1.63z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
21 hours
</span>
</div>
</div>
<div class="mt-4 flex">
<button
class="flex items-center
focus:outline-none border rounded-full
py-2 px-6 leading-none border-gray-500
dark:border-gray-600 select-none
hover:bg-blue-400 hover:text-white
dark-hover:text-gray-200">
<svg
class="h-5 w-5 fill-current mr-2"
viewBox="0 0 24 24">
<path
d="M14
12v7.88c.04.3-.06.62-.29.83a.996.996
0 01-1.41 0l-2.01-2.01a.989.989 0
01-.29-.83V12h-.03L4.21 4.62a1 1
0
01.17-1.4c.19-.14.4-.22.62-.22h14c.22
0 .43.08.62.22a1 1 0 01.17
1.4L14.03 12H14z"></path>
</svg>
<span>Select Category</span>
</button>
<button
class="flex items-center ml-4
focus:outline-none border rounded-full
py-2 px-6 leading-none border-blue-500
dark:border-blue-600 select-none
hover:bg-blue-400 hover:text-white
dark-hover:text-gray-200">
<svg
class="h-5 w-5 fill-current mr-2
text-blue-600"
viewBox="0 0 576 512">
<path
d="M402.3 344.9l32-32c5-5
13.7-1.5 13.7 5.7V464c0 26.5-21.5
48-48 48H48c-26.5
0-48-21.5-48-48V112c0-26.5
21.5-48 48-48h273.5c7.1 0 10.7
8.6 5.7 13.7l-32 32c-1.5 1.5-3.5
2.3-5.7
2.3H48v352h352V350.5c0-2.1.8-4.1
2.3-5.6zm156.6-201.8L296.3
405.7l-90.4 10c-26.2
2.9-48.5-19.2-45.6-45.6l10-90.4L432.9
17.1c22.9-22.9 59.9-22.9 82.7
0l43.2 43.2c22.9 22.9 22.9 60 .1
82.8zM460.1 174L402 115.9 216.2
301.8l-7.3 65.3 65.3-7.3L460.1
174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8
0L436 82l58.1 58.1
30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path>
</svg>
<span>Add note</span>
</button>
</div>
</div>
</div>
<div class="flex flex-col -mt-10 mr-20">
<span
class="font-semibold text-green-500
dark:text-green-300">
Refunded
</span>
<span
class="font-semibold text-green-500
dark:text-green-300">
200 $
</span>
<span
class="text-sm text-gray-700 dark:text-gray-400
mt-2">
300,00kr
</span>
</div>
</div>
<div
class="text-center flex flex-col items-center
justify-center bg-white dark:bg-gray-800
dark:text-gray-300 ml-1 px-12 cursor-pointer
hover:bg-blue-200 dark-hover:bg-blue-500 rounded-lg">
<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
<path
d="M9.47 9.65l-1.41 1.42L11
14l5.19-5.18-1.41-1.42L11 11.18M17 3H7c-1.1 0-2
.9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2m0 15l-5-2.18L7
18V5h10z"></path>
</svg>
</div>
</div>
<div class="flex flex-row mt-2">
<div
class="flex w-full items-center justify-between bg-white
dark:bg-gray-800 px-8 py-6">
<!-- card -->
<div class="flex">
<img
class="h-12 w-12 rounded-full object-cover"
src="data:image/jpeg;base64,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"
alt="infamous" />
<div class="flex flex-col ml-6">
<span class="text-lg font-bold">Amazon</span>
<div class="mt-4 flex">
<div class="flex">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M12 4a4 4 0 014 4 4 4 0 01-4 4
4 4 0 01-4-4 4 4 0 014-4m0
10c4.42 0 8 1.79 8
4v2H4v-2c0-2.21 3.58-4 8-4z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
Niccolo perra
</span>
</div>
<div class="flex ml-6">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M19
19H5V8h14m-3-7v2H8V1H6v2H5c-1.11
0-2 .89-2 2v14a2 2 0 002 2h14a2 2
0 002-2V5a2 2 0 00-2-2h-1V1m-1
11h-5v5h5v-5z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
13 aug 2016
</span>
</div>
<div class="flex ml-6">
<svg
class="h-5 w-5 fill-current
dark:text-gray-300"
viewBox="0 0 24 24">
<path
d="M13 2.05v2.02c3.95.49 7 3.85 7
7.93 0 3.21-1.92 6-4.72 7.28L13
17v5h5l-1.22-1.22C19.91 19.07 22
15.76 22
12c0-5.18-3.95-9.45-9-9.95M11
2c-1.95.2-3.8.96-5.32 2.21L7.1
5.63A8.195 8.195 0 0111 4V2M4.2
5.68C2.96 7.2 2.2 9.05 2
11h2c.19-1.42.75-2.77
1.63-3.9L4.2 5.68M6
8v2h3v1H8c-1.1 0-2 .9-2
2v3h5v-2H8v-1h1c1.11 0 2-.89
2-2v-1a2 2 0 00-2-2H6m6
0v5h3v3h2v-3h1v-2h-1V8h-2v3h-1V8h-2M2
13c.2 1.95.97 3.8 2.22
5.32l1.42-1.42A8.21 8.21 0 014
13H2m5.11 5.37l-1.43 1.42A10.04
10.04 0 0011 22v-2a8.063 8.063 0
01-3.89-1.63z"></path>
</svg>
<span
class="ml-2 text-sm text-gray-600
dark:text-gray-300 capitalize">
21 hours
</span>
</div>
</div>
<div class="mt-4 flex">
<button
class="flex items-center
focus:outline-none border rounded-full
py-2 px-6 leading-none border-gray-500
dark:border-gray-600 select-none
hover:bg-blue-400 hover:text-white
dark-hover:text-gray-200">
<svg
class="h-5 w-5 fill-current mr-2"
viewBox="0 0 24 24">
<path
d="M14
12v7.88c.04.3-.06.62-.29.83a.996.996
0 01-1.41 0l-2.01-2.01a.989.989 0
01-.29-.83V12h-.03L4.21 4.62a1 1
0
01.17-1.4c.19-.14.4-.22.62-.22h14c.22
0 .43.08.62.22a1 1 0 01.17
1.4L14.03 12H14z"></path>
</svg>
<span>Select Category</span>
</button>
<button
class="flex items-center ml-4
focus:outline-none border rounded-full
py-2 px-6 leading-none border-blue-500
dark:border-blue-600 select-none
hover:bg-blue-400 hover:text-white
dark-hover:text-gray-200">
<svg
class="h-5 w-5 fill-current mr-2
text-blue-600"
viewBox="0 0 576 512">
<path
d="M402.3 344.9l32-32c5-5
13.7-1.5 13.7 5.7V464c0 26.5-21.5
48-48 48H48c-26.5
0-48-21.5-48-48V112c0-26.5
21.5-48 48-48h273.5c7.1 0 10.7
8.6 5.7 13.7l-32 32c-1.5 1.5-3.5
2.3-5.7
2.3H48v352h352V350.5c0-2.1.8-4.1
2.3-5.6zm156.6-201.8L296.3
405.7l-90.4 10c-26.2
2.9-48.5-19.2-45.6-45.6l10-90.4L432.9
17.1c22.9-22.9 59.9-22.9 82.7
0l43.2 43.2c22.9 22.9 22.9 60 .1
82.8zM460.1 174L402 115.9 216.2
301.8l-7.3 65.3 65.3-7.3L460.1
174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8
0L436 82l58.1 58.1
30.9-30.9c4-4.2 4-10.8-.1-14.9z"></path>
</svg>
<span>Add note</span>
</button>
</div>
</div>
</div>
<div class="flex flex-col -mt-10 mr-20">
<span
class="font-semibold text-green-500
dark:text-green-300">
Refunded
</span>
<span
class="font-semibold text-green-500
dark:text-green-300">
200 $
</span>
<span
class="text-sm text-gray-700 dark:text-gray-400
mt-2">
300,00kr
</span>
</div>
</div>
<div
class="text-center flex flex-col items-center
justify-center bg-white dark:bg-gray-800
dark:text-gray-300 ml-1 px-12 cursor-pointer
hover:bg-blue-200 dark-hover:bg-blue-500 rounded-lg">
<svg class="h-5 w-5 fill-current" viewBox="0 0 24 24">
<path
d="M9.47 9.65l-1.41 1.42L11
14l5.19-5.18-1.41-1.42L11 11.18M17 3H7c-1.1 0-2
.9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2m0 15l-5-2.18L7
18V5h10z"></path>
</svg>
</div>
</div>
</div>
</div>
</main>
</div>
How to build a Expenses Dashboard with Tailwind CSS?
Install tailwind css of verion 1.4.6
Use the link
html tag to import the stylesheet of Tailwind CSS of the version 1.4.6
<link href=https://unpkg.com/[email protected]/dist/tailwind.min.css rel="stylesheet">
All the unility class needed to build a Expenses Dashboard component
h-screen
flex
w-56
bg-white
dark:bg-gray-800
flex-col
text-6xl
text-pink-600
dark:text-pink-400
h-16
w-16
mt-4
mt-2
mb-6
dark:text-gray-400
pl-8
py-2
text-gray-700
dark-hover:bg-pink-500
mb-2
focus:text-pink-500
w-full
h-4
w-4
ml-4
text-pink-500
border-pink-500
hover:bg-pink-200
flex-1
bg-gray-200
dark:bg-gray-900
overflow-y-auto
px-24
py-12
dark:text-gray-500
text-4xl
mt-1
mb-4
text-sm
hover:text-pink-500
mr-3
h-5
w-5
bg-transparent
px-6
hover:text-pink-600
hover:bg-pink-300
mr-1
ml-3
bg-gray-400
p-2
ml-2
dark:border-gray-700
flex-row
bg-white dark:bg-gray-800
px-8
py-6
border-l-4
border-green-500 dark:border-green-300
h-12
w-12
ml-6
text-lg
fill-current dark:text-gray-300
text-gray-600 dark:text-gray-300
border-gray-500 dark:border-gray-600
select-none hover:bg-blue-400
mr-2
border-blue-500 dark:border-blue-600
-mt-10
mr-20
text-green-500 dark:text-green-300
text-center
ml-1
px-12
cursor-pointer hover:bg-blue-200
dark-hover:bg-blue-500
77 steps to build a Expenses Dashboard component with Tailwind CSS
Use
h-screen
to make an element span the entire height of the viewport.Use
flex
to create a block-level flex container.Use
w-56
to set an element to a fixed width(14rem).Control the background color of an element to white using the
bg-white
utilities.Control the background color of an element to gray-800 using the
dark:bg-gray-800
utilities in dark theme.Use
flex
to create a block-level flex container.Control the text color of an element to 6xl using the
text-6xl
utilities.Control the text color of an element to pink-600 using the
text-pink-600
utilities.Control the text color of an element to pink-400 in dark theme using the
dark:text-pink-400
utilities.Use
h-16
to set an element to a fixed height(4rem).Use
w-16
to set an element to a fixed width(4rem).Control the margin on top side of an element to 1rem using the
mt-4
utilities.Control the margin on top side of an element to 0.5rem using the
mt-2
utilities.Control the margin on bottom side of an element to 1.5rem using the
mb-6
utilities.Control the text color of an element to gray-400 in dark theme using the
dark:text-gray-400
utilities.Set the left padding of the element to 2rem using the
pl-8
utilities classControl the vertical padding of an element to 0.5rem using the
py-2
utilities.Control the text color of an element to gray-700 using the
text-gray-700
utilities.Control the background color of an element to pink-500 using the
dark-hover:bg-pink-500
utilitiesundefined.Control the margin on bottom side of an element to 0.5rem using the
mb-2
utilities.Control the text color of an element to pink-500 on focus using the
focus:text-pink-500
utilities.Use
w-full
to set an element to a 100% based width.Use
h-4
to set an element to a fixed height(1rem).Use
w-4
to set an element to a fixed width(1rem).Control the margin on left side of an element to 1rem using the
ml-4
utilities.Control the text color of an element to pink-500 using the
text-pink-500
utilities.Control the border color of an element to pink-500 using the
border-pink-500
utilities.Control the background color of an element to pink-200 using the
hover:bg-pink-200
utilities on hover.Use
flex
to create a block-level flex container.Control the background color of an element to gray-200 using the
bg-gray-200
utilities.Control the background color of an element to gray-900 using the
dark:bg-gray-900
utilities in dark theme.Use
overflow-y-auto
to allow vertical scrolling if needed.Control the horizontal padding of an element to 6rem using the
px-24
utilities.Control the vertical padding of an element to 3rem using the
py-12
utilities.Control the text color of an element to gray-500 in dark theme using the
dark:text-gray-500
utilities.Control the text color of an element to 4xl using the
text-4xl
utilities.Control the margin on top side of an element to 0.25rem using the
mt-1
utilities.Control the margin on bottom side of an element to 1rem using the
mb-4
utilities.Control the text color of an element to sm using the
text-sm
utilities.Control the text color of an element to pink-500 on hover using the
hover:text-pink-500
utilities.Control the margin on right side of an element to 0.75rem using the
mr-3
utilities.Use
h-5
to set an element to a fixed height(1.25rem).Use
w-5
to set an element to a fixed width(1.25rem).Control the background color of an element to transparent using the
bg-transparent
utilities.Control the horizontal padding of an element to 1.5rem using the
px-6
utilities.Control the text color of an element to pink-600 on hover using the
hover:text-pink-600
utilities.Control the background color of an element to pink-300 using the
hover:bg-pink-300
utilities on hover.Control the margin on right side of an element to 0.25rem using the
mr-1
utilities.Control the margin on left side of an element to 0.75rem using the
ml-3
utilities.Control the background color of an element to gray-400 using the
bg-gray-400
utilities.Control the padding on all sides of an element to 0.5rem using the
p-2
utilities.Control the margin on left side of an element to 0.5rem using the
ml-2
utilities.Control the border color of an element to gray-700 using the
dark:border-gray-700
utilities in dark theme.Use
flex
to create a block-level flex container.Control the background color of an element to gray-800 using the
bg-white dark:bg-gray-800
utilitiesundefined.Control the horizontal padding of an element to 2rem using the
px-8
utilities.Control the vertical padding of an element to 1.5rem using the
py-6
utilities.Control the border color of an element to l-4 using the
border-l-4
utilities.Control the border color of an element to green-300 using the
border-green-500 dark:border-green-300
utilitiesundefined.Use
h-12
to set an element to a fixed height(3rem).Use
w-12
to set an element to a fixed width(3rem).Control the margin on left side of an element to 1.5rem using the
ml-6
utilities.Control the text color of an element to lg using the
text-lg
utilities.Control the text color of an element to gray-300undefined using the
fill-current dark:text-gray-300
utilities.Control the text color of an element to gray-300undefined using the
text-gray-600 dark:text-gray-300
utilities.Control the border color of an element to gray-600 using the
border-gray-500 dark:border-gray-600
utilitiesundefined.Control the background color of an element to blue-400 using the
select-none hover:bg-blue-400
utilitiesundefined.Control the margin on right side of an element to 0.5rem using the
mr-2
utilities.Control the border color of an element to blue-600 using the
border-blue-500 dark:border-blue-600
utilitiesundefined.Control the margin on top side of an element to -2.5rem using the
-mt-10
utilities.Control the margin on right side of an element to 5rem using the
mr-20
utilities.Control the text color of an element to green-300undefined using the
text-green-500 dark:text-green-300
utilities.Control the text color of an element to center using the
text-center
utilities.Control the margin on left side of an element to 0.25rem using the
ml-1
utilities.Control the horizontal padding of an element to 3rem using the
px-12
utilities.Control the background color of an element to blue-200 using the
cursor-pointer hover:bg-blue-200
utilitiesundefined.Control the background color of an element to blue-500 using the
dark-hover:bg-blue-500
utilitiesundefined.
Conclusion
The above is a step-by-step tutorial on how to use Tailwind CSS to build a Expenses Dashboard components, learn and follow along to implement your own components.