FULL_BLEED · stable
#AI workspace
AI workspace, composição própria do Smart UI para produtos e experiências digitais.
HTML e exemplo
<section class="sc-hero-ai"><header><span>ASSISTENTE DE OPERAÇÃO</span><h2>Pergunte ao trabalho. Receba uma próxima ação.</h2><form><label class="sc-visually-hidden" for="ai-question">Pergunta</label><input id="ai-question" class="sc-input" value="Quais projetos exigem atenção hoje?"><button class="sc-btn sc-btn-primary" type="button">Analisar</button></form></header><div class="sc-ai-answer"><small>RESUMO GERADO</small><p>Três entregas dependem de aprovação. O projeto Atlas concentra o maior risco de prazo.</p><ol><li>Confirmar conteúdo com o cliente</li><li>Redistribuir revisão de QA</li><li>Atualizar marco de entrega</li></ol></div><aside><span>Fontes verificadas</span><b>Projetos</b><b>Tarefas</b><b>Conversas</b></aside></section>Classes, JavaScript e API
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
- Mantém contraste de texto e foco visível.
- Conteúdo e ações permanecem disponíveis sem animação.
- O conteúdo mantém ordem de leitura e foco visível nos elementos acionáveis.
Possui fallback para prefers-reduced-motion.
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.