Home
Krishna Gudpalle
Button Group

Button Group

This tailwind example is contributed by Krishna Gudpalle, on 09-Jul-2022. Component is made with Tailwind CSS v3.

10.8k

<button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">aws
            </button>
    <button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">cdk
            </button>
    <button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">javascript
            </button>
    <button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">typescript
            </button>
    <button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">react
            </button>
    <button type="button"
                class="text-indigo-700 bg-indigo-100 hover:bg-indigo-50 focus:border-indigo-300 px-2 py-1 text-sm ">python
            </button>
</div>

Related Examples

Tab navigation buttons

Author:
Simon Scheffer

2 years ago

17.3k
Gradient Button
These buttons use a style that includes two contrasted colors creating an impressive mesh gradient effect.

Author:
Md. Tofayel islam

1 year ago

3.9k
Elegant Buttons
Useful Tailwind classes for creating several types of basic buttons.

Author:
Nick Girga

5 months ago

523
Social buttons
Mono-color Social buttons change colors according to your need

Author:
Arya

2 years ago

11.4k
Button group

Author:
Conan Hilton

3 years ago

8.8k
Button group - Htmlwind
Simple button group

Author:
Htmlwind

4 months ago

425
Play, Pause and Stop buttons

Author:
Lukas Müller

2 years ago

11.2k
Lots of button examples
tailwind button examples

Author:
QQ-VVN

4 months ago

342
Button group with icon
edit, view, and delete buttons group

Author:
Timox5ty7thymix

2 years ago

17.2k
Radio Button Group for Search Filters
set of radio buttons grouped for selecting different search filters

Author:
Prajwal Hallale

1 year ago

5.4k
Simple buttons for links

Author:
Amit Pachange

2 years ago

10.8k
Tailwind CSS Button (Wavy Button)
The button uses Tailwind classes for size, background, border, border-radius, shadow, cursor, overflow, and transitions. The wave overlay is absolutely positioned at the bottom of the button, initially off-screen (top-full) and moves to the middle (top-1/2) on hover via the custom .wave class and keyframes. The font-poppins class isn’t a default Tailwind class. You should define it in your Tailwind configuration or replace it with font-sans if you haven't extended fonts.

Author:
KULDEEP

3 months ago

485

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components