# NavigationTitleSelect

A select component styled as a navigation title, allowing users to switch between different views or contexts from the header.

## Import

```tsx
import { NavigationTitleSelect } from '@coinbase/cds-web/navigation/NavigationTitleSelect'
```

## Examples

### Basic usage

```tsx live
function Example() {
  const options = [
    { label: 'My Portfolio', id: 'portfolio' },
    { label: 'Family Account', id: 'family' },
    { label: 'Business Account', id: 'business' },
  ];
  const [selected, setSelected] = useState('portfolio');

  return (
    <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
      <NavigationTitleSelect
        options={options}
        value={selected}
        onChange={setSelected}
        accessibilityLabel="Switch account"
      />
    </div>
  );
}
```

## Props

| Prop | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `onChange` | `(value: string) => void` | Yes | `-` | - |
| `options` | `{ label: ReactNode; id: string; }[]` | Yes | `-` | - |
| `value` | `string` | Yes | `-` | - |