DF
Dario Ferrara

Sidebar Actions

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

Explore the Sidebar Actions component designed for React with Tailwind CSS. Display patient info with clear buttons for booking and details, styled with accessible, vibrant colors for optimal user engagement.

Share

Last updated 1 month ago