Abas (Tabs)

Tabs são usadas para navegação entre diferentes vistas ou seções dentro do mesmo contexto.

Uso

Para usar o componente Tabs, importe-o dos seus componentes junto com os componentes Tab filhos e passe as props necessárias.

Tabs básicas

Um exemplo simples de abas com configuração 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>
    );
}