Breaking News: Grepper is joining You.com. Read the official announcement!

toggler for vue js and tailwind

Doyin Atobaru answered on October 19, 2023 Popularity 1/10 Helpfulness 1/10

answer toggler for vue js and tailwind

toggler for vue js and tailwind

Comment

  <!-- Switch Container -->
                <div v-if="id != 'cookies-0'" @click.stop="toggleActive = !toggleActive" class="w-11 h-5 flex items-center rounded-full p-1 duration-300 ease-in-out" :class="toggleActive ? 'bg-black' : 'bg-[#EAEAEA]'">           
                    <!-- Switch -->
                    <div class="bg-white w-[18px] h-[18px] rounded-full shadow-md transform duration-300 ease-in-out" :class="{'translate-x-5': toggleActive}"></div>
                </div>
                <!-- Switch Container End -->

Popularity 1/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Oct 19 2023

Doyin Atobaru

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

toggler for vue js and tailwind

Contents

More Related Answers

toggler for vue js and tailwind

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.