@sbdesign/core

SB Design System'in tüm bileşenlerini tek pakette toplayan ana paket. Tüm paketleri tek komutla yükler.

Kurulum

npm install @sbdesign/core

Bu komut otomatik olarak şu paketleri yükler:

• @sbdesign/ui - UI bileşenleri
• @sbdesign/icons - SVG ikon bileşenleri
• @sbdesign/styles - Design tokens ve base styles
• @sbdesign/template-font - Font ikon paketi

Kullanım

// Tüm bileşenleri import edin
import { Button, Card, Input, Badge, Icon, SvgIcon } from '@sbdesign/core';
import { Plus, User } from '@sbdesign/core';

// Stiller otomatik olarak yüklenir (index.ts'de import edilir)
// Ekstra bir import gerekmez, ama isterseniz:
import '@sbdesign/core';

Alert bileşeni ve SVG ikon (AlertIcon)

@sbdesign/ui içinde Alert bir bileşen (uyarı kutusu). @sbdesign/icons içinde ise aynı isimde SVG ikon bileşeni vardı; tek pakette export * ile ikisi aynı anda dışa aktarılamaz.

Bu yüzden @sbdesign/core şunları yapar:

• Alert — yalnızca UI’daki Alert bileşenini ifade eder (import { Alert } from '@sbdesign/core').
• AlertIcon — @sbdesign/icons paketindeki SVG Alert ikonunu ifade eder (import { AlertIcon } from '@sbdesign/core').

SVG ikonu doğrudan ikon paketinden de alabilirsiniz: import { Alert } from '@sbdesign/icons' (burada isim Alert kalır; çakışmayı önlemek için core’da AlertIcon adı kullanılır).

Alternatif: Paketleri Ayrı Yükleme

Eğer sadece belirli paketleri yüklemek isterseniz:

npm install @sbdesign/ui

İçerik

Bu paket aşağıdaki paketleri dependency olarak içerir:

• @sbdesign/ui - React UI bileşenleri (Button, Card, Input, vb.)
• @sbdesign/icons - SVG ikon bileşenleri (Plus, User, Check, vb.)
• @sbdesign/styles - Design tokens, base styles ve utilities
• @sbdesign/template-font - Font ikon paketi (sb-template-font)

Lisans

MIT