Button Group

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

Tailwind v3.4 11.8k 9

<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

Simon Scheffer

3 years ago

18.2k
Sign in with buttons

Simon Scheffer

3 years ago

12k
Buttons in pair

Amit Pachange

3 years ago

11.1k
Simple buttons for links

Amit Pachange

3 years ago

11.6k
Button group

Conan Hilton

4 years ago

9.8k
Old style Button Designs

Amit Pachange

3 years ago

11k
Disabled Button & Active Button

Dipti narayan

3 years ago

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

Md. Tofayel islam

2 years ago

5k
Button with hover to button shadow
A beautiful button with a special shadow

Zayed Hossain

2 years ago

1.9k
buttons group
some attractive button group on different varients primary, outlined and link button

Akram Khan

2 years ago

2.5k
Button group involves using utility classes
Background colors, hover effects, and animations to the button group using only Tailwind CSS

zobaidul kaziex

1 year ago

1.8k
beautiful buttons set
a beautofull buttons set like primary, outline and text.

Akram Khan

1 year ago

2.1k