reactjs-tabbedpane-component

1.0.19 • Public • Published

reactjs-tabbedpane-component

A tabbed pane component using React.js

NPM JavaScript Style Guide

Install

npm install --save reactjs-tabbedpane-component

Usage

import React, { Component } from 'react'

import TabbedPane from 'reactjs-tabbedpane-component'
import 'reactjs-tabbedpane-component/dist/index.css'

const contentData = {
  contents: [
    {
      subject: 'Overview',
      text: 'This is content of Overview'
    },
    {
      subject: 'Assumptions',
      text: '<ul><li>Assumption 1</li><li>Assumption 2</li><li>Assumption 3</li><li>Assumption 4</li></ul>'
    },
    {
      subject: 'Technical Design',
      text: 'This is content of Technical Design'
    }
  ]
}

class Example extends Component {
  render() {
    return <TabbedPane data={contentData} />
  }
}

Example Image 1

Example Image 2

API

<TabbedPane>

props

  • data: JSON defining the tabs. HTML tags are supported.

License

MIT © adafycheng

Readme

Keywords

none

Package Sidebar

Install

npm i reactjs-tabbedpane-component

Weekly Downloads

12

Version

1.0.19

License

MIT

Unpacked Size

11.6 kB

Total Files

7

Last publish

Collaborators

  • adafycheng