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)