COMPONENTS / NAVIGATION
Navigation bars
Top bars for public sites and compact application headers.
approvedv1.0.0verifiedFigma linked
Design variations
Classic
Centered
Compact
Mobile
Implementation
// npx github:rbillyjames0221/csc-ui init
import '@csc/ui/styles.css';
import { TopNav } from '@csc/ui';
export function Example() {
return (
<TopNav variant="classic" />
);
}Agent prompt
Copy a prompt for this component from the AI Development Hub.
When to use it
Top bars for public sites and compact application headers.
Dependencies: lucide-react. Source: packages/ui/src/navigation.tsx. 1.0.0 — Classic, centered, compact, and mobile bars.