Home
Felipe Pinheiro
My First Component - Buttons

My First Component - Buttons

buttons and flexbox

This tailwind example is contributed by Felipe Pinheiro, on 26-Jun-2024. Component is made with Tailwind CSS v3. It is responsive.

Button

Author Felipe Pinheiro

Fork Fullscreen

<buttom type="buttom"
            class="w-20 text-center bg-green-500 text-white px-3 py-1 border hover:ring-1 ring-yellow-600 rounded-lg font-semibold transition cursor-pointer uppercase"
            onclick="alert(this.innerText);">
            active
        </buttom>

<buttom type="buttom"
            class="w-20 text-center bg-red-500 text-white px-1 text-sm py-1 border hover:ring-1 ring-yellow-600 rounded-lg font-semibold transition cursor-pointer uppercase text-truncate"
            onclick="alert(this.innerText.toLowerCase());">
            deactive
        </buttom>
    </div>
</div>

Related Examples

Sign in with GitHub Button

Author:
Conan Hilton

3 years ago

16.6k
Floating "Go to Top" Button with Tailwind CSS
🚀 Boost your website’s user experience with a sleek floating "Go to Top" button! This easy-to-implement solution uses Tailwind CSS for styling. ✔️ Smooth scroll to top ✔️ Clean and modern design ✔️ Responsive and animated effects Perfect for any website or portfolio! Add it today and make navigation effortless! 🔝💻

Author:
Abdul Baset Bappy

11 months ago

851
Floating feedback button

Author:
Livia Flores

3 years ago

12.7k
Button
Material Button

Author:
Akram Khan

1 year ago

1.4k
Color Changing Gradient Button
Color Changing Gradient Button

Author:
EquinoX

1 year ago

3.7k
Fancy leaf like button

Author:
_Amar_

3 years ago

12k
Life Tree
by salvator

Author:
Baraka Salvator

9 months ago

953
Ripple Button
Ripple Button is an interactive button component with a ripple animation that responds to user clicks

Author:
sachin senal

1 year ago

1.2k
flower
by salvator

Author:
Baraka Salvator

9 months ago

1.4k
Button group
nice and simple buttons with a hover effect

Author:
Sophia Baker

3 years ago

8.3k
Listen on Spotify/Apple Music Button

Author:
Patricio Garcia

1 year ago

2.7k
Simple Btn animation

Author:
Ranit Saha

1 year ago

1.8k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components