platform-blocks-navigationlisted
Install: claude install-skill platform-blocks/skills
# Platform Blocks Navigation
Moving between views, and showing where you are. All imports are from the
package root:
```tsx
import {
Tabs, Breadcrumbs, Pagination, Stepper, TableOfContents,
Spotlight, SpotlightProvider, spotlight, useSpotlightStoreInstance,
Link, MenuItemButton,
useScrollSpy, useHotkeys, useGlobalHotkeys, useSpotlightToggle,
} from '@platform-blocks/ui';
```
The `Navigation` module (`NavigationContainer`, `createStackNavigator`,
`createDrawerNavigator`, `Screen`, `useNavigation`, `useRoute`) is **subpath
only**: `import { NavigationContainer } from '@platform-blocks/ui/Navigation'`.
Four reference files sit alongside this one:
- `references/api.md` — the curated API: how the pieces compose, the union
types, the defaults that bite. **Read this first.**
- `references/props.md` — generated, exhaustive prop tables for every component
in this skill. Look here for the complete surface of a single prop.
- `references/icons.md` — generated, every `name` the built-in `Icon` registry
accepts. Check it before writing `<Icon name="…">`; unlisted names render
nothing.
- `references/patterns.md` — complete copy-paste screens.
## The most important distinction: two different `Tabs`
| | `Tabs` from `@platform-blocks/ui` | `Tabs` from `expo-router` |
| --- | --- | --- |
| What it is | In-page tab strip **that renders its own content panels** | Route-based bottom tab navigator |
| Driven by | `items: TabItem[]` with a `content` node per tab | Files under