Prism

Yampi Prism

Bem-vindo ao Yampi Prism — o sistema de design oficial para construir experiências extraordinárias na plataforma Yampi.

O que é o Prism?

O Prism é uma biblioteca de 47 Web Components construídos com Lit, projetados para serem usados em qualquer framework — React, Vue, Angular, Svelte ou HTML puro.

Princípios

  • Framework-agnostic — Web Components nativos que funcionam em qualquer lugar
  • Tema completo — Suporte a light e dark mode via CSS Custom Properties
  • Acessível — Componentes seguem padrões WAI-ARIA
  • Consistente — Design tokens garantem consistência visual em todas as interfaces
  • E-commerce first — Projetado para as necessidades específicas de lojas online

Começando

Instale o pacote via npm:

bash
npm install @yampi/ui

Importe e use:

html
<script type="module">  import '@yampi/ui';</script><y-button variant="primary">Adicionar ao carrinho</y-button>

Navegação