Tabs

A set of layered sections of content—known as tab panels—that display one panel at a time.

Preview

Account Settings

Manage your account settings and preferences here.

Usage

"use client"

import { Tabs, Tab } from "@neo/test-components"

export function AccountTabs() {
  return (
    <Tabs aria-label="Account options" defaultSelectedKey="account">
      <Tab key="account" title="Account">
        <h3>Account Settings</h3>
        <p>Manage your account here.</p>
      </Tab>
      <Tab key="password" title="Password">
        <h3>Password Settings</h3>
        <p>Change your password here.</p>
      </Tab>
      <Tab key="settings" title="Settings">
        <h3>Other Settings</h3>
        <p>Configure other preferences.</p>
      </Tab>
    </Tabs>
  )
}

Note: Tabs requires a client component for interactivity.

This is a placeholder page showing a static preview.