منصوبے کے بارے میں

Panda جدید ویب ڈویلپمنٹ کے لیے ایک اسٹائلنگ سلوشن ہے، جسے یونیورسل، ٹائپ سیف اور اسکیل ایبل CSS-in-JS کے طور پر بیان کیا گیا ہے۔ یہ بلڈ ٹائم پر کام کرتا ہے، جس میں اسٹائل آبجیکٹس یا اسٹائل پراپس کو CSS میں تبدیل کیا جاتا ہے۔ اس کی اہم خصوصیات میں شامل ہیں: ایسے اسٹائل آبجیکٹس یا پراپس لکھنا جو بلڈ ٹائم پر ایکسٹریکٹ ہو جائیں؛ @layer اور CSS ویری ایبلز کا استعمال کرتے ہوئے جدید CSS آؤٹ پٹ؛ زیادہ تر JavaScript فریم ورکس کے ساتھ مطابقت؛ Stitches کی طرح recipes اور variants؛ بیک وقت تھیمز کے لیے ہائی لیول ڈیزائن ٹوکنز؛ اور codegen کے ذریعے آٹو کمپلیٹ کے ساتھ ٹائپ سیف اسٹائلز۔ انسٹالیشن npm کے ذریعے ہوتی ہے: npm i -D @pandacss/dev، پھر کنفیگ اور postcss کے لیے npx panda init -p۔ انٹری CSS فائل میں @layer reset, base, tokens, recipes, utilities ہونا چاہیے اور اسے ایپ میں امپورٹ کیا جانا چاہیے۔ استعمال کی مثال: import { css } from '../styled-system/css'; import { stack, vstack, hstack } from '../styled-system/patterns'; پھر hstack({ gap: '30px', color: 'pink.300' }) یا css({ fontSize: 'lg', color: 'red.400' }) جیسے کلاس نام استعمال کریں۔ اس monorepo میں cli, core, config, extractor, generator, parser, is-valid-prop, node, token-dictionary، اور shared جیسے پیکجز شامل ہیں۔ یہ پروجیکٹ panda-css.com پر دستاویزات، ایک StackBlitz پلے گراؤنڈ، کنٹری بیوٹنگ گائیڈ اور ایک Discord کمیونٹی فراہم کرتا ہے۔ یہ MIT لائسنس کے تحت ہے۔ README میں Chakra UI, Vanilla Extract, Stitches, Tailwind CSS, Class Variance Authority, Styled System, Linaria, Uno CSS، اور Goober سے متاثر ہونے کا اعتراف کیا گیا ہے۔