Navigation
Project switcher
Search available projects and switch the active project with visible selection feedback.
Using Project switcher
Search available projects and switch the active project with visible selection feedback.
Search available projects and switch the active project with visible selection feedback. For controlled React use, pass value and onChange; onAction receives the action and resulting state. Use defaultValue for a local draft.
Search for Client and select Client dashboard. The current project label changes without navigation. This example only updates local draft state.
This component keeps illustrative local state. The host application must persist changes and enforce identity, permissions, and policy.
Props: accent, status
How does the application receive changes?
For controlled React use, pass value and onChange; onAction receives the action and resulting state. Use defaultValue for a local draft.
Which frameworks are available?
The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.
How do I access the implementation?
The code, framework versions and installation commands are available in the workbench above.
