Butane Tabs

HTML

CSS

JS



Tab 1 Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt hic eaque maxime consectetur aliquid a amet est iure error eveniet, deleniti dolorum enim dolore saepe dolorem vero perspiciatis, aspernatur consequatur quidem. Cumque, quisquam magni praesentium quae reprehenderit excepturi nisi exercitationem repellat vitae velit quis repudiandae iste natus suscipit, dicta ducimus culpa. Enim, quidem repellat quia ipsum similique, aperiam voluptatum laborum aspernatur aliquam accusamus vitae. Dolor, alias! Incidunt culpa debitis, ipsa obcaecati, voluptatem, nostrum, provident impedit neque at sapiente ratione porro.

Tab 2 Content

Tabbed content with a predefined selected tab. If no tab contains an `is-active` class, the first tab will be selected by default.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias harum, soluta doloremque sunt molestiae nostrum, libero, corporis fuga magni pariatur aut ea velit! Repellendus incidunt quam temporibus quia praesentium. Odit!

Tab 3 Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas saepe quaerat et, voluptas consequuntur minus. Consequuntur officia ad illum in. Maiores commodi molestiae repellat, id ullam enim sint illum ea voluptas dolor deserunt odit ratione corporis nihil aperiam minima! Velit a necessitatibus officiis harum, maxime in. Explicabo officia impedit repellendus maiores, laudantium quae deleniti repellat temporibus. Impedit fuga repellat voluptates placeat atque, consequatur quae molestiae commodi quaerat? Nam quod placeat quam commodi aliquid molestias deserunt pariatur ab nulla, est accusamus iste aliquam corporis dignissimos, quibusdam voluptatum delectus nobis corrupti doloremque iure, esse. Praesentium iste, enim eum aliquam soluta, accusantium ipsam?

Tab 4 Content

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur dolorum officiis illum atque porro nobis, repellat sint voluptate voluptates suscipit dolores, dolor distinctio. Sint dolorum aliquid quisquam facilis aspernatur consectetur.