עיצוב הרכיב

הרכיב מתוכנן להיראות חלק מהמוצר שלכם מהרגע הראשון, ובו בזמן מעניק לכם שליטה מדויקת כשתרצו.

עיצוב אוטומטי

בעת הטעינה, הרכיב קורא את מערכת העיצוב של האתר שלכם — הוא מזהה את shadcn/ui, MUI, Chakra, Mantine, daisyUI, Radix Themes, Tailwind ו-Open Props — ומאמץ את הצבעים, הגופנים, הרדיוס ועוד. אם אינו מזהה מערכת, הוא נופל לגופן הגוף ולצבעים הדומיננטיים שלכם.

אסימוני ערכת נושא

הכול מונע על ידי תכונות CSS מותאמות עם מרחב שמות ‎--syncanix-*‎ לצבע, טיפוגרפיה, צורה, הגבהה ותנועה. הרכיב משתמש בתכונות CSS לוגיות לכל אורכו, כך שהוא נפרס נכון גם משמאל לימין וגם מימין לשמאל.

בהיר וכהה

עיצוב «מזוהה» גוזר ערכה בהירה וערכה כהה מהאתר החי שלכם, תוך שמירה על גוון המותג. לבסוף מוחל רף ניגודיות WCAG-AA, כך שהטקסט נשאר קריא בכל פלטה.

עצבו אותו בלוח הבקרה

לשליטה מלאה — כמה עיצובים, דריסות לכל גודל, המשגר, CSS מותאם — השתמשו באולפן עיצוב הרכיב, שבו אתם מעצבים מול הרכיב האמיתי כקנבס חי.

השלבים הבאים