Onglets

Les onglets sont utilisés pour la navigation entre différentes vues ou sections dans le même contexte.

Utilisation

Pour utiliser le composant Tabs, importez-le depuis vos composants avec les composants enfants Tab et passez les props requises.

Onglets de base

Un exemple simple d’onglets avec une configuration minimale.

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>
    );
}