A toggle component for switching between grid and table view modes with accessible keyboard navigation and ODS design system integration. ## Key Components - **ViewToggle** - Main toggle component with 2-state grid/table switching - **ViewMode** - Type union for 'grid' | 'table' values - **ViewToggleProps** - Interface defining component props including value, onChange, disabled state, and styling options ## Usage Example ```typescript import React, { useState } from 'react' import { ViewToggle, ViewMode } from './view-toggle' function DataDisplay() { const [viewMode, setViewMode] = useState('table') return (

{viewMode === 'grid' ? (

{/* Grid layout content */}

) : ( {/* Table layout content */}

)}

) } ``` Built on Radix UI ToggleGroup for accessibility compliance with proper ARIA labels, keyboard navigation, and focus management. Uses ODS design tokens for consistent theming and includes hover states, smooth transitions, and disabled state handling.