fondue

Sistema de diseño de fondue por frontificar

Usando @frontify/fondue

Empezando

Bienvenido a Fondue, el sistema de diseño para el ecosistema fronterizo.

Instalación

Agregue el paquete del sistema de diseño de fondue como dependencia de su proyecto.

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

Encontrar componentes

Puede navegar por todos los componentes disponibles en la instancia del libro de cuentos del sistema de diseño de fondue. Este libro de cuentos contiene todos los componentes de todos los subpackages en Fondue Monorepo. Cada componente tendrá una insignia en la barra superior que indica su estado de ciclo de vida actual.

Para los diseñadores, la documentación está disponible en la documentación del sistema de diseño de fondue en Weare.

Uso

Durante el período de transición en el que estamos limpiando los componentes de fondue, puede usar componentes antiguos y nuevos uno al lado del otro.

¿Este componente ya estaba refactorizado?

Si se refactoró un componente, la implementación anterior se marcará como en desuso .

Esto será visible en el código cuando consuma el componente y a través de una insignia en la barra superior de la historia del libro de cuentos.

Usando componentes refactorizados

Si desea utilizar un componente refactorizado, ya puede importarlos a través del /components subexport en el paquete de fondue.

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

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

Usando componentes antiguos

Si está utilizando los componentes antiguos, puede continuar importando directamente desde el paquete @frontify/fondue .

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

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

Que contribuye

Consulte las pautas de contribución para la contribución y la ayuda del desarrollo local.

Enlaces importantes

• Libro de cuentos - Libro de cuentos para una vista previa de componentes de fondue
• Documentación de fondue: documentación para el sistema de diseño de fondue
• Tailwind: el marco CSS de utilidad utilizado en fondue