DF
Dario Ferrara

Dashboard Layout - Copy this React, Tailwind Component to your project

Sidebar Actions Component Description: Position: On the right side of the central area. Content: Contains Results of research that should be a card contain: name of patient, surname of patient, date of birth and tax code, followed by two buttons, one to book and one for more details. Design: Buttons should be highlighted with the primary color #3b82f6 (blue) for visibility, using clear and accessible text. Design Details for PureCode IA: Font: Use "Inter" for all text, with the following sizes: Main Titles: 22-24px, Bold Section Headers: 18-20px, Semi-bold General Text: 14-16px, Regular Small Notes: 12-14px, Light Colors: Apply the custom “mytheme” with the following colors: Primary: #3b82f6 (blue) for main buttons and links. Secondary: #34d399 (green) for availability indicators and success states. Accent: #eab308 (yellow) for critical elements. Background: #f3f4f6 (light gray). Text: #111827 (dark gray).

Prompt
Component Preview

About

DashboardLayout - A fixed header, sidebar calendar, selection dropdown, central table, and quick actions. Built with React and Tailwind. Get free template!

Share

Last updated 1 month ago