Navbar

Installation

npx shadcn@latest add https://ui.timkit.cn/r/navbar.json

import { Navbar } from "@/components/ui/navbar"

Component

navbar

Logic

none

Runtime Frameworks

Not declared

Supported Platforms

WebWeChat Mini Program

Configuration

Prop	Type	Default	Description
logic.provider*	enum (zag \| native \| none)	none	State and interaction provider used by this component.
logic.machine	string	-	Underlying state machine identifier when provider is zag.
platforms*	array	Web, WeChat Mini Program	Platforms officially supported by this schema.
frameworks*	array	-	Framework demos/code currently available in registry files.
dependencies	array	-	Runtime package dependencies required by this registry item.
optionalPeerDependencies	array	-	Optional peer dependencies used by this registry item.
registryDependencies	array	-	Dependent Timkit registry components/hook entries.

Slots

Prop	Type	Default	Description
default	slot	-	The navbar segments

Parts

Prop	Type	Default	Description
root*	root	-	The navbar container
content	part	-	The inner wrapper
brand	part	-	The brand logo section
nav	part	-	The navigation links section
item	part	-	A single nav item
actions	part	-	The actions section (e.g., buttons)

This API reference is generated from `/packages/core` component schemas to keep React/Vue/Weapp docs consistent.

Extended notes are not available for this component yet.