Pestañas (Tabs)

Las pestañas (Tabs) se utilizan para la navegación entre diferentes vistas o secciones dentro del mismo contexto.

Uso

Para usar el componente Tabs, impórtalo desde tus componentes junto con los componentes secundarios Tab y pasa las props requeridas.

Pestañas básicas

Un ejemplo simple de pestañas con una configuración mínima.

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