A
Anonymous

R F Q Card - Copy this React, Tailwind Component to your project

Design-a-clean-and-professional-RFQ-(Request-for-Quotation)-card-with-a-modern-and-minimalist-style.-The-card-should-feature-an-image-on-the-left-side,-representing-the-RFQ,-while-the-right-side-displays-the-RFQ-number-and-name-prominently.-Below-the-name,-include-the-expiry-date-to-indicate-the-RFQ's-deadline.-Additionally,-show-the-number-of-quotes-received-for-the-RFQ.-The-'Quote'-button-should-be-aligned-horizontally-with-the-other-content-on-the-same-line-within-the-card,-ensuring-a-neat-and-organized-layout.-Make-sure-the-height-of-the-'Quote'-button-does-not-exceed-53px.-The-overall-design-should-maintain-a-clear-information-hierarchy,-offering-both-visual-appeal-and-clarity.

Prompt
Component Preview

About

RFQCard - A sleek RFQ card featuring an image, RFQ number, name, expiry date, quotes count, and a neatly aligned 'Quote' button. Buil. Free code available!

Share

Last updated 1 month ago