Pular para o conteúdo
Smart UIVATSE interface system
VATSE.DEV
← Catálogodata-display · stable

Activity feed

Eventos recentes, auditoria e histórico de equipe. A documentação abaixo separa composição, comportamento e adaptação visual de cada variante.

QUANDO USAR

Use Activity feed quando a interface precisar de eventos recentes, auditoria e histórico de equipe.

QUANDO NÃO USAR

Evite a família quando uma composição semântica mais simples comunicar a mesma ação com menos carga visual.

TECLADO

O conteúdo mantém ordem de leitura e foco visível nos elementos acionáveis.

RESPONSIVO

As composições reduzem colunas, preservam alvos de toque e evitam rolagem horizontal a partir de 320 px.

Ver prévias
CONTAINER · stable

Base

Eventos recentes, auditoria e histórico de equipe.

#
Link direto →
HTML e exemplo
<article class="sc-activity">Activity feed</article>
Classes, JavaScript e API
sc-activitysc-activity-item

Não exige inicialização. Classes e atributos semânticos são suficientes.

Plugin
CSS-first
Dependências
Nenhuma
Desde
0.1.0
Acessibilidade, teclado e movimento
  • Usar HTML semântico e foco visível.
  • Fornecer rótulo acessível quando não houver texto visível.
  • O conteúdo mantém ordem de leitura e foco visível nos elementos acionáveis.

Não depende de movimento contínuo.

Temas e responsividade

Compatível com os temas Default, Clean e Tech nos modos claro, escuro e sistema.

As composições reduzem colunas, preservam alvos de toque e evitam rolagem horizontal a partir de 320 px.