Tabs

Displays a set of tabs that the user can navigate through.
Home
Profile
Settings
Properties
No properties to configure
Example
Source Code
Installation
"use client";

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

function TabsExample() {
  return (
    <Tabs>
      <Tabs.Item active={true} icon="FeatherHome">
        Home
      </Tabs.Item>
      <Tabs.Item active={false} icon="FeatherUser">
        Profile
      </Tabs.Item>
      <Tabs.Item icon="FeatherSettings">Settings</Tabs.Item>
    </Tabs>
  );
}

export default TabsExample;

Props

Tabs
Item
Prop
Type
Default
Additional info
children
React.ReactNode

Examples

WORK IN PROGRESS