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.

11.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

3 years ago

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

Author:
Sophia Baker

3 years ago

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

Author:
Nick Girga

1 year ago

1.4k
Play, Pause and Stop buttons

Author:
Lukas Müller

3 years ago

12.1k
Button Dropdown
Drop down button with only tailwind css using focus

Author:
Shivam Vishwakarma

1 year ago

2.6k
Sign in with buttons

Author:
Simon Scheffer

3 years ago

11.9k
Tag links component

Author:
Arya

3 years ago

10.2k
Sharp corner button design
button with hover effect

Author:
Amit Pachange

3 years ago

13.4k
Acode Master
Acode Master is a skilled and passionate software developer known for mastering coding and creating innovative tech solutions. Specializing in modern web technologies like React.js, Node.js, PHP, and databases such as MySQL and PostgreSQL, Acode Master builds practical, efficient, and scalable applications. Beyond coding, Acode Master is dedicated to continuous learning, sharing knowledge, and empowering others through technology-driven projects and education.

Author:
Code Master(Mfuranziza Dusabe Hamza)

1 year ago

2k
Button group
Monocolor button group

Author:
Arya

3 years ago

11.7k
Button group with icon
edit, view, and delete buttons group

Author:
Timox5ty7thymix

3 years ago

18.2k
5 Different Style of Button
Gradient Button outline button neon button Sliding Background pulsing Button

Author:
KULDEEP

1 year ago

1.1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components