Anúncio

Uma placa compacta de onboarding / anúncio tamanho para o rodapé da barra lateral - ícone líder, botão de descarte, título, descrição, e um CTA secundário de largura completa. Desmissal anima com Motion.

Configurando sua conta

Faça o passeio e aprenda a usar o nosso produto.

Instalação

Você pode adicionar este componente de anúncio usando o nosso CLI ou manualmente:

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 announcement

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.

Na barra lateral

O cartão é projetado para o pé do painel da barra lateral 260px - é o que o sidebar block renderiza acima do menu do usuário.

Configurando sua conta

Faça o passeio e aprenda a usar o nosso produto.

Variações

Cada parte é opcional - troque o ícone, largue o descrição ou actionLabel, e alternar dismissible.

O que há de novo no v2

Gráficos, menu de comandos e uma nova tabela de dados.

Está tudo pronto.

O vosso espaço de trabalho está pronto.

2 lugares restantes no seu plano

import { RiSparklingFill } from "@remixicon/react"; {/* Custom icon */}<Announcement icon={RiSparklingFill} title="What's new in v2" description="Charts, command menu, and a brand-new data table." actionLabel="See the changelog"/> {/* No action */}<Announcement title="You're all set" description="Your workspace is ready to go." dismissible /> {/* Title + action only */}<Announcement title="2 seats left on your plan" actionLabel="Upgrade" />