Other Sections
NavbarSimple
Horizontal navigation bar with brand/logo, nav links, and CTA buttons. Collapses to hamburger on mobile.
Installation
npm install @trinkui/reactProps
| Prop | Type | Default | Description |
|---|---|---|---|
logo | ReactNode | - | Custom logo element (overrides brandName) |
brandName | string | - | Brand text shown when no logo prop |
links | NavLink[] | [] | Navigation links { label, href, active? } |
primaryAction | ActionProps | - | Primary CTA button |
secondaryAction | ActionProps | - | Secondary CTA button |
bordered | boolean | true | Show bottom border |
blur | boolean | false | Apply backdrop blur effect |
sticky | boolean | false | Stick to top of viewport on scroll |
className | string | - | Additional CSS classes |