react-botw-tabs v1.0.2

react-botw-tabs

A tab sheet component styled like Zelda: Breath of the Wild menus.

Contents

• Install
• Usage
• Props
• License

Install

npm install --save react-botw-tabs

Peer Dependencies;

• React v16 +

Usage

import React, { Component } from 'react'

import { BotwTabs } from 'react-botw-tabs'

class Example extends Component {
  render() {
    return (
      <BotwTabs
        defaultActiveId={"pencil"}
        tabs={[
          {
            id: "pencil",
            name: "Pencil",
            faicon: <i className="fa fa-pencil" />,
            content: (
              <div style={{ textAlign: "center" }}>
                <h3>This is the Pencil tab.</h3>
              </div>
            )
          },
          {
            id: "bomb",
            name: "Bomb",
            faicon: <i className="fa fa-bomb" />,
            content: (
              <div style={{ textAlign: "center" }}>
                <h3>This is the Bomb tab.</h3>
              </div>
            )
          }
        ]}
      />
    )
  }
}

Examples at https://darylbuckle.github.io/react-botw-tabs.

Example with other botw-menu components at https://darylbuckle.github.io/react-botw-menu-components.

Props

BotwTabs

botwTab class

License

MIT © DarylBuckle 2020