fondue

Sistem Desain Fondue oleh Fronttify

Menggunakan @frontify/fondue

Memulai

Selamat datang di fondue, sistem desain untuk ekosistem fronttify.

Instalasi

Tambahkan paket Sistem Desain Fondue sebagai ketergantungan pada proyek Anda.

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

Menemukan komponen

Anda dapat menelusuri semua komponen yang tersedia dalam contoh buku cerita dari sistem desain fondue. Buku cerita ini berisi semua komponen dari semua subpackage di fondue monorepo. Setiap komponen akan memiliki lencana di bilah atas yang menunjukkan keadaan siklus hidupnya saat ini.

Untuk para desainer, dokumentasi tersedia dalam dokumentasi sistem desain fondue di Weare.

Penggunaan

Selama periode transisi di mana kami membersihkan komponen fondue, Anda dapat menggunakan komponen lama dan baru berdampingan.

Apakah komponen ini sudah direfaktor?

Jika suatu komponen direfaktor, implementasi lama akan ditandai sebagai sudah usang .

Ini akan terlihat dalam kode saat Anda mengonsumsi komponen dan melalui lencana di bilah teratas cerita buku cerita.

Menggunakan komponen refactored

Jika Anda ingin menggunakan komponen refactored, Anda sudah dapat mengimpornya melalui /components Subekspor dalam paket fondue.

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

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

Menggunakan komponen lama

Jika Anda menggunakan komponen lama, Anda dapat terus mengimpornya langsung dari paket @frontify/fondue .

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

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

Berkontribusi

Lihat Pedoman Kontribusi untuk Kontribusi dan Bantuan Pembangunan Lokal.

Tautan penting

• Buku cerita - buku cerita untuk pratinjau komponen fondue
• Dokumentasi Fondue - Dokumentasi untuk Sistem Desain Fondue
• Tailwind-Kerangka kerja CSS utilitas-pertama yang digunakan di fondue