BigBang
Üye işyeri internet şubeleri için tasarım sistemi. Renkler, ölçüler ve bileşenler tek kaynaktan gelir; her müşteri kendi markasını bir token dosyasıyla tanımlar.
Bu rehberde
Bölüm başlığı “Bu rehberde”- TemellerRenk, tipografi, boşluk, köşe ve kenarlık, yükselti ve hareket token'ları; açık ve koyu moddaki değerleri.
- BileşenlerBadge, Button ve TextInput: örnekler, kod, kullanım yönergeleri ve değişiklik geçmişi.
- StorybookBileşenleri her marka, mod ve dilde tek tek deneyebileceğiniz atölye.
Nasıl çalışır
Bölüm başlığı “Nasıl çalışır”Bileşenler hiçbir rengi ya da ölçüyü doğrudan taşımaz; hepsini token’lardan alır. Müşteri markası yalnızca token dosyasını değiştirir, bileşen kodu aynı kalır. Sağ üstteki Görünüm menüsünden markayı ve açık ya da koyu modu değiştirin: bu sayfalardaki tüm örnekler gerçek bileşenlerdir ve seçiminize hemen uyar.
Yerelde çalıştırma
Bölüm başlığı “Yerelde çalıştırma”pnpm installpnpm docs:dev # rehber: http://127.0.0.1:4321pnpm storybook # bileşen atölyesi: http://127.0.0.1:6006Rehber tasarımcılar ve geliştiriciler için yazılır. Storybook ise bileşenleri tek tek denemek için kullanılan çalışma alanıdır.