Home
Mr Robot
Simple Form

Simple Form

This tailwind example is contributed by Mr Robot, on 27-Aug-2022. Component is made with Tailwind CSS v3.

Form

9.2k

<div class="mb-5">
                    <label for="twitter" class="block mb-2 font-bold text-gray-600">Twitter</label>
                    <input type="text" id="twitter" name="twitter" placeholder="Put in your fullname." class="border border-red-300 shadow p-3 w-full rounded mb-">
                    <p class="text-sm text-red-400 mt-2">Twitter username is required</p>
                </div>

<button class="block w-full bg-blue-500 text-white font-bold p-4 rounded-lg">Submit</button>
            </form>
        </div>
    </div>
</div>

Related Examples

Responsive registration form
form with social login buttons

Author:
Sophia Baker

2 years ago

38.1k
Credit / Debit card payment information form

Author:
Santos78

2 years ago

19.1k
Login Form

Author:
Amit Pachange

2 years ago

11.9k
payment card
A payment card is a type of card issued by a financial institution (like a bank) that allows the cardholder to make financial transactions. These transactions can include purchasing goods and services, withdrawing cash, or transferring money. Here’s a description based on the main types of payment cards:

Author:
dev-fab250

1 week ago

34
Chat Bot
Simulation of a chat bot that can be used for conversations as a sketch idea

Author:
Ameth Galarcio

10 months ago

2.5k
beautiful tailwind contact form
beautiful tailwind contact form

Author:
Geoffrey Callaghan

1 year ago

5.2k
Simple contact us form

Author:
Lukas Müller

2 years ago

11.1k
File upload form

Author:
Lukas Müller

2 years ago

12.7k
Default phone input

Author:
Md. Tofayel islam

1 year ago

2.4k
Otp form
SImple opt form with resend and verify button

Author:
Rafferty Kim

1 year ago

10.4k
Profile Stepper Form
Progressive Profile Form

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

1 year ago

4k
Responsive Classes List Table with Edit and Delete buttons using Tailwind CSS
This responsive classes list table is built using Tailwind CSS and features: - A clean layout with a header displaying column titles. - Action buttons for editing and deleting entries. - Responsive design that adapts to various screen sizes. - Easy customization options to fit your project's needs.

Author:
Anum Shahana

7 months ago

1.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components