Hero Simple

Hero minimalista.

Visão geral

[ Resumo do componente/token/padrão: o que é, quando usar, principais variações. ]

[ Preview principal — Hero Simple ]

[ Estrutura interna e elementos que compõem o hero simple. ]

[ Diagrama anatômico ]

[ Variante A ]default

[ Variante B ]secondary

[ Variante C ]tertiary

Default

Hover

Focus

Disabled

[ Considerações de acessibilidade WCAG 2.1 AA: contraste, foco, navegação por teclado, screen readers. ]

[ Exemplo de implementação React/HTML/CSS. ]

{`
  [ children ]
`}