Home
Arya
Feedback form

Feedback form

Collect opinions about your company's service

This tailwind example is contributed by Arya, on 01-Jul-2022. Component is made with Tailwind CSS v3. It is responsive.

Form

Author Arya

13.2k

<div class="max-w-xl mx-auto mt-16 flex w-full flex-col border rounded-lg bg-white p-8">
    <h2 class="title-font mb-1 text-lg font-medium text-gray-900">Feedback</h2>
    <p class="mb-5 leading-relaxed text-gray-600">If you had any issues or you liked our product, please share
        with us!
    </p>
    <div class="mb-4">
        <label for="email" class="text-sm leading-7 text-gray-600">Email</label>
        <input type="email" id="email" name="email" class="w-full rounded border border-gray-300 bg-white py-1 px-3 text-base leading-8 text-gray-700 outline-none transition-colors duration-200 ease-in-out focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200" />
    </div>
    <div class="mb-4">
        <label for="message" class="text-sm leading-7 text-gray-600">Message</label>
        <textarea id="message" name="message" class="h-32 w-full resize-none rounded border border-gray-300 bg-white py-1 px-3 text-base leading-6 text-gray-700 outline-none transition-colors duration-200 ease-in-out focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200"></textarea>
    </div>
    <button class="rounded border-0 bg-indigo-500 py-2 px-6 text-lg text-white hover:bg-indigo-600 focus:outline-none">Send</button>
    <p class="mt-3 text-xs text-gray-500">Feel free to connect with us on social media platforms.</p>
</div>

Related Examples

Feedback Form

Author:
JaxStone

2 years ago

14.3k
Survey form
User survey form

Author:
JaxStone

2 years ago

15.1k
Book Appointment form
A schedule an appointment form is an online document that helps the user to schedule an appointment with the company or business.

Author:
Arya

2 years ago

11.3k
WYSIWYG Editor Form
Form with CKEditor

Author:
I.P. Leroy

2 years ago

14.8k
Login page with tailwind (SB admin 2)
This component features a split-screen design with a background image on one side and a registration form on the other.

Author:
Akshay

2 years ago

21.1k
Simple Login Form
Very basic responsive login form. The form is centered within a white card with a shadow, featuring input fields for username and password. The design is clean and user-friendly.

Author:
Bunny

2 years ago

48.2k
Contact us page template
full page fancy contact us page

Author:
Geoffrey Callaghan

1 year ago

6.8k
Login Form
Login Form With google icon

Author:
Md. Tofayel islam

3 months ago

830
Reservation form with fabform.io

Author:
Ho O

3 months ago

779
Contact Form
with hidden email

Author:
Geoffrey Callaghan

1 year ago

6k
damatebis forma

Author:
Tamaz gogitidze

7 months ago

993
Responsive Contact Form with TailwindCSS
A sleek and fully responsive contact form built with TailwindCSS. This form includes input fields for name, email, subject, and message, along with a stylish submit button. The design features a decorative background, smooth focus effects, and optimized mobile responsiveness.

Author:
SHARIFUL ISLAM

2 months ago

511

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components