sito-mui-tab-view v0.5.2

Sito MUI TabView

Tabs make it easy to explore and switch between different views.

How to use it?

import SitoMUITabView from "sito-mui-tab-view";

function App() {
    return {
        <SitoMUITabView
            tabs={["Hola", "Adiós"]}
            content={[<div>Hola</div>, <div>Adiós</div>]}
        />
    }
}

You can change the name of the tab view, if you don't like its name 😂

import SitoMUITabView as TabView from "sito-mui-tab-view";

function App() {
    return {
        <TabView
            tabs={["Hola", "Adiós"]}
            content={[<div>Hola</div>, <div>Adiós</div>]}
        />
    }
}

You can add your css rules, like sx prop for styled-component, style prop like inline css styles and classNames from your css files

import SitoMUITabView from "sito-mui-tab-view";

function App() {
    return {
        <SitoMUITabView
            sx={{ width: "350px", height: "350px" }}
            tabs={["Hola", "Adiós"]}
            content={[<div>Hola</div>, <div>Adiós</div>]}
        />
    }
}

Props

🙌 Good luck out there my friend 🙌