# Sidebar

Read the complete [LICENSE](https://snowui.dev/LICENSE) for the installed version before use.

Organize brand entry, grouped navigation, and footer actions with collapse and independent scrolling.

We are building SnowUI components into interfaces people can use directly in AI conversations. Conversational UI is still in development; this page demonstrates website usage. Supported chat platforms and component versions will be announced after verification. Generating and using SnowUI interfaces inside AI conversations is completely free. It is not a project, uses no project or developer-seat quota, and requires no SnowUI registration, activation, or paid proof.

Package: `@snowui-design-system/components`. Import: `import { Sidebar } from '@snowui-design-system/components';`. Source fingerprint: `5002e510d98d44205db982613281df63fed60d375dab6daebfddcbe59b3db95c`.

## Usage choices

Use Sidebar for grouped navigation on the left side of an application, composed from SidebarSection and SidebarItem. The page owns routing and content. Public logo and footer roles can replace built-in content. Do not use Sidebar for an ordinary right-side information column.

- sections supplies navigation data. children renders alongside sections rather than replacing it.
- A direct child with as="logo" replaces the logo; as="footer" goes to the fixed bottom area. Width and collapse state can be bound, and persistence is enabled by default.
- Default navigation and scroll-region names and built-in collapse controls, including the floating expand button in text mode, follow LocaleProvider. An explicit ariaLabel takes priority over Provider messages.

## Read as needed

- [API](https://snowui.dev/llms/en/components/sidebar/api.md): Public Props and defaults
- [Types and states](https://snowui.dev/llms/en/components/sidebar/types.md): Public type declarations and binding rules
- [Full reference](https://snowui.dev/llms/en/components/sidebar/reference.md): Composition and interaction boundaries
- [Styles](https://snowui.dev/llms/en/components/sidebar/styles.md): Registered public overrides
- [Examples](https://snowui.dev/llms/en/components/sidebar/examples.md): Code and preview links
- [Image index](https://snowui.dev/llms/components/sidebar/images.json): Use only if appearance remains uncertain
- [Changelog](https://snowui.dev/llms/en/components/sidebar/changelog.md): Version history reviewed in English

[Design guide](https://snowui.dev/llms/en/design-system.md) · [Styling guide](https://snowui.dev/llms/en/styling.md)