Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kingrayhan/reactjs-tab
NPM repo
https://github.com/kingrayhan/reactjs-tab
react react-component react-tab react-tab-component react-tabs reactjs-tab tab
Last synced: 11 days ago
JSON representation
NPM repo
- Host: GitHub
- URL: https://github.com/kingrayhan/reactjs-tab
- Owner: kingRayhan
- Created: 2018-08-06T04:19:10.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-26T01:29:44.000Z (almost 2 years ago)
- Last Synced: 2024-10-28T06:34:10.214Z (11 days ago)
- Topics: react, react-component, react-tab, react-tab-component, react-tabs, reactjs-tab, tab
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/reactjs-tab
- Size: 2.05 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# reactjs-tab
> Minimal Tab ui component
[![NPM](https://img.shields.io/npm/v/reactjs-tab.svg)](https://www.npmjs.com/package/reactjs-tab) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
### Install
```bash
npm install --save reactjs-tab
```### Usage
```jsx
import React, { Component } from 'react'import { Tabs, Tab } from 'reactjs-tab'
export default class App extends Component {
render() {
return (
{/* Tab content or component */}
{/* Tab content or component */}
{/* Tab content or component */}
)
}
}
```## Default Style
Import default stylesheet
```jsx
import 'reactjs-tab/tab.css'
```![Reactjs Default style](default-style.png)
## [Live Demo](https://kingrayhan.github.io/reactjs-tab/)
## License
MIT © [kingRayhan](https://github.com/kingRayhan)