@frontify/fondueمرحبًا بكم في Fondue ، نظام التصميم للنظام الإيكولوجي للواجهة.
أضف حزمة نظام تصميم فوندو كاعتماد على مشروعك.
npm i @frontify/fondue
# or
pnpm i @frontify/fondue
# or
yarn add @frontify/fondueيمكنك تصفح جميع المكونات المتاحة في مثيل Storybook لنظام تصميم فوندو. يحتوي هذا القصة على جميع المكونات من جميع الحالات الفرعية في Monorepo Fondue. سيكون لكل مكون شارة في الشريط العلوي مما يشير إلى حالة دورة حياته الحالية.
بالنسبة للمصممين ، تتوفر الوثائق في وثائق نظام تصميم فوندو على Weare.
خلال فترة الانتقال التي نقوم فيها بتنظيف مكونات فوندو ، يمكنك استخدام المكونات القديمة والجديدة جنبًا إلى جنب.
إذا تم إعادة تمثيل مكون ، فسيتم تمييز التنفيذ القديم على أنه تم إهماله .
سيكون هذا مرئيًا في الكود عندما تستهلك المكون ومن خلال شارة في الشريط العلوي لقصة القصص.
إذا كنت ترغب في استخدام مكون تم إعادة تمهيده ، فيمكنك بالفعل استيراده من خلال /components الفرعية في حزمة فوندو.
import { Button } from "@frontify/fondue/components" ;
const App = ( ) => < Button > Click Me </ Button > ; إذا كنت تستخدم المكونات القديمة ، فيمكنك متابعة استيرادها مباشرة من حزمة @frontify/fondue .
import { Button } from "@frontify/fondue" ;
const App = ( ) => < Button > Click Me </ Button > ; انظر إرشادات المساهمة لمساعدة المساهمة والتنمية المحلية.