https://github.com/robiveli/tabsy-css

Simple tabs toggler component written in pure CSS with no dependencies
https://github.com/robiveli/tabsy-css

css dependency-free lightweight sass scss simple tabs toggle

Last synced: about 2 months ago
JSON representation

Simple tabs toggler component written in pure CSS with no dependencies

• Host: GitHub
• URL: https://github.com/robiveli/tabsy-css
• Owner: robiveli
• License: mit
• Created: 2017-06-21T19:21:45.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2026-01-21T23:32:27.000Z (3 months ago)
• Last Synced: 2026-01-23T10:41:18.174Z (3 months ago)
• Topics: css, dependency-free, lightweight, sass, scss, simple, tabs, toggle
• Language: HTML
• Homepage: https://robiveli.github.io/tabsy-css/
• Size: 102 KB
• Stars: 15
• Watchers: 1
• Forks: 3
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Tabsy CSS

## Simple tabs toggler component written in pure CSS with no dependencies

### Install

With npm:

```sh

npm install tabsy-css

```

### Usage

Include css:

```sh

```

Initial required structure, place any content you want within the tabs:

```sh



    

    Tab One

    


    	


    		Content One

    	

    

    

    Tab Two

    


    	


    		Content Two

    	

    

    

    Tab Three

    


    	


    		Content Three

    	

    



```


### Demo

Demo available [here](http://robiveli.github.io/tabsy-css/).

### Options

Default css settings are placed in `library/_variables.scss`:

### Note

Based on Flexbox feature. Where not supported simple fallback is applied.

### License

Tabsy CSS is licensed under the [MIT license](http://opensource.org/licenses/MIT).