fondue

Sistema de design de fondue por frontify

Usando @frontify/fondue

Começando

Bem -vindo ao Fondue, o sistema de design para o ecossistema frontify.

Instalação

Adicione o pacote do sistema de design de fondue como uma dependência ao seu projeto.

npm i @frontify/fondue
# or
pnpm i @frontify/fondue
# or
yarn add @frontify/fondue

Encontrando componentes

Você pode navegar por todos os componentes disponíveis na instância do livro de histórias do sistema de design de fondue. Este livro de histórias contém todos os componentes de todos os subpackagens do fondue Monorepo. Cada componente terá um crachá na barra superior, indicando seu estado atual do ciclo de vida.

Para os designers, a documentação está disponível na documentação do Sistema de Design de Fondue sobre Weare.

Uso

Durante o período de transição em que estamos limpando os componentes do fondue, você pode usar componentes antigos e novos lado a lado.

Esse componente já foi refaturado?

Se um componente foi refaturado, a implementação antiga será marcada como depreciada .

Isso será visível no código quando você consumir o componente e através de um crachá na barra superior da história do livro de histórias.

Usando componentes refaturados

Se você deseja usar um componente refatorado, já pode importá -lo através do subexporto /components no pacote Fondue.

 import { Button } from "@frontify/fondue/components" ;

const App = ( ) => < Button > Click Me </ Button > ;

Usando componentes antigos

Se você estiver usando os componentes antigos, poderá continuar importando -os diretamente do pacote @frontify/fondue .

 import { Button } from "@frontify/fondue" ;

const App = ( ) => < Button > Click Me </ Button > ; 

Contribuindo

Consulte Diretrizes de contribuição para ajuda de desenvolvimento e desenvolvimento local.

Links importantes

• Livro de histórias - livro de histórias para visualizar componentes de fondue
• Documentação do fondue - documentação para o sistema de design de fondue
• Tailwind-Utility-primeiro da estrutura CSS usada em fondue