Tabs

Displays a set of tabs that the user can navigate through.
Tab
Tab
Tab
Properties
No properties to configure

Installation

Usage

Example
Source Code
"use client";

import React from "react";
import { Tabs } from "@/ui/components/Tabs";

function TabsExample() {
  return (
    <Tabs>
      <Tabs.Item active={true}>Tab</Tabs.Item>
      <Tabs.Item active={false}>Tab</Tabs.Item>
      <Tabs.Item>Tab</Tabs.Item>
    </Tabs>
  );
}

export default TabsExample;

Props

Tabs Props
Item Props
Prop
Type
Default value
Notes
children
React.ReactNode