Tailwind Link Button

TailwindLink Button

This tailwind example is contributed by Geoffrey Callaghan, on 13-Nov-2023. Component is made with Tailwind v3.4. It is responsive. It supports dark mode. similar terms for this example are Get in touch, Contact form

Button Contact us

Author Geoffrey Callaghan

Tailwind v3.4 3.5k 1

Fork Fullscreen

<a href="https://veilmail.io/irish-geoff" class="inline-flex items-center px-4 py-2 bg-blue-500 border border-transparent rounded-md font-semibold text-white hover:bg-blue-600 focus:outline-none focus:ring focus:border-blue-700 active:bg-blue-800">
    <svg class="w-5 h-5 mr-2 inline-block" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M4 9.00005L10.2 13.65C11.2667 14.45 12.7333 14.45 13.8 13.65L20 9" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M3 9.17681C3 8.45047 3.39378 7.78123 4.02871 7.42849L11.0287 3.5396C11.6328 3.20402 12.3672 3.20402 12.9713 3.5396L19.9713 7.42849C20.6062 7.78123 21 8.45047 21 9.17681V17C21 18.1046 20.1046 19 19 19H5C3.89543 19 3 18.1046 3 17V9.17681Z" stroke="#000000" stroke-width="2" stroke-linecap="round"></path> </g>
    </svg>
  <span class="inline-block">Reveal Protected Email <br/> https://veilmail.io/irish-geoff</span>
</a>
  <p class="leading-relaxed text-xl text-gray-900 mt-8">
                We use VeilMail.io to <a class="font-medium text-blue-600 dark:text-blue-500 hover:underline" href="https://veilmail.io">hide email address from spammers</a>
            </p>
  </div>

Related Examples

Sign in with GitHub Button

Conan Hilton

4 years ago

17.3k
Contact us form
Contact us form

Geoffrey Callaghan

2 years ago

7.6k
Contact Spinner
Contact button spinning

$$@(\/)(\/)¥$ $@(\/)(\/)¥

2 years ago

6.5k
Confirm and cancel buttons

Samuel Dawson

3 years ago

17.1k
Call to Action (for app stores)
Download app section with Playstore and Appstore button

Ron Hicks

4 years ago

12.3k
Boutons iOS 26
Boutons iOS 26

Omer fils ELENGA

11 months ago

914
Input Formulario
Input used in the form Link form: https://tailwindflex.com/@ameth1208/login

Ameth Galarcio

2 years ago

3.4k
Button group
Add active class to clicked button using JavaScript

TailwindFlex

4 years ago

11.1k
Contact Us form

ABDO-SY

1 year ago

1.5k
popup modal contact form
Working modal popup contact form in tailwind CSS Simple snippet for creating a popup contact form with tailwind and javascript uses fabform.io

Ti To

2 years ago

7.8k
Background gradient changing button
Automatic and continuously gradient-changing button. Cyclic color changing button.

Ingrid Schulz

3 years ago

11.8k
Hamburger menu button with hover effect

_Amar_

3 years ago

18.4k