Barra lateral

O painel de navegação flutuante a partir do modelo do painel - 260px de largura, raio/3xl, borda de linha de cabelo branca e a sombra de elevação da barra lateral. Compõe o menu de equipe, pesquisa rápida com a dica Kbd, itens de navegação com crachás, um cartão de anúncio e o menu de usuário.

Instalação

Você pode adicionar este bloco de barra lateral usando nossa CLI ou manualmente. A CLI também instala os componentes avatar, counter, kbd e announcement que ele compõe:

Modo escuro pronto - este componente segue tokens semânticos BoardUI automaticamente. Configurar a mudança de tema.

O CLI copia a fonte do componente (com suas dependências internas) em seu projeto e instala quaisquer pacotes npm necessários.

npx boardui@latest add sidebar

Usando um pacote de UI compartilhado ou aliases de importação personalizados? Configure seus caminhos de instalação antes de executar o CLI. Exemplos de copy-paste usam as importações padrão.

Variante de chat de IA

O mesmo painel flutuante ajustado para o Modelo de bate-papo de IA: ações rápidas no topo (Novo agente, Automação, Personalização), a Repositórios árvore cujo repo aberto lista conversas recentes com chips de tempo relativo e um conector de árvore curvo, e uma placa de plano com um botão de atualização em vez do menu de equipe. Envia com o modelo AI Chat Pro.

Composição

A barra lateral compõe vários itens de registro menores - avatar, counter, kbd, announcement, e os glifos chevron - além de sua própria equipe e menus de usuário. Instalá-lo com o CLI puxa toda a cadeia automaticamente; troque os itens de navegação e menus com suas próprias rotas e dados.