DEV Community

Cover image for ✨Tabs Component Ready To Use ! (No Framework)
VoidSplit
VoidSplit

Posted on

✨Tabs Component Ready To Use ! (No Framework)

👋 Hello, I'm new to this network, I'm sharing a Codepen project with you, all the comments are in French but all the code is in English.
It's a tabs component in pure HTML, CSS, JavaScript. There's no framework or code taken from anywhere else.

Here are the features of the component:

  • Dynamic adaptability: Easily adapts to varying quantities of items without compromising functionality.
  • Animated hint bar: A bar follows the selected item, providing a fluid and attractive visual experience.
  • Easy interactivity: Retrieval of the component value is simple and intuitive, via the value attribute, there's also the change event available.
  • Component isolation: The design allows multiple instances of the component to be used on the same page, without interfering with each other.

Top comments (0)

Image of AssemblyAI

Automatic Speech Recognition with AssemblyAI

Experience near-human accuracy, low-latency performance, and advanced Speech AI capabilities with AssemblyAI's Speech-to-Text API. Sign up today and get $50 in API credit. No credit card required.

Try the API

👋 Kindness is contagious

Dive into an ocean of knowledge with this thought-provoking post, revered deeply within the supportive DEV Community. Developers of all levels are welcome to join and enhance our collective intelligence.

Saying a simple "thank you" can brighten someone's day. Share your gratitude in the comments below!

On DEV, sharing ideas eases our path and fortifies our community connections. Found this helpful? Sending a quick thanks to the author can be profoundly valued.

Okay