Schede (Tabs)

Le Tabs sono usate per la navigazione tra diverse viste o sezioni nello stesso contesto.

Utilizzo

Per usare il componente Tabs, importalo dai tuoi componenti insieme ai componenti figlio Tab e passa le prop necessarie.

Tabs di base

Un esempio semplice di schede con configurazione minima.

import React, { useState } from "react";
import { Tabs, Tab } from "@firecms/ui";

export default function TabsBasicDemo() {
    const [value, setValue] = useState("tab1");

    return (
        <Tabs value={value} onValueChange={setValue}>
            <Tab value="tab1">Tab 1</Tab>
            <Tab value="tab2">Tab 2</Tab>
            <Tab value="tab3">Tab 3</Tab>
        </Tabs>
    );
}