色、余白、ボーダー幅、角丸のトークンを提供する、中心となるデザイントークンライブラリです。
DesignLibrary.shared シングルトンからアクセスします。
let designLibrary = DesignLibrary.shared| プロパティ | 型 | 必須 | デフォルト | 説明 |
|---|---|---|---|---|
color |
ColorTokens |
- | - | 背景、テキスト、ブランドカラー用のカラートークン |
space |
SpaceToken |
- | - | マージンとパディング用のスペーシングトークン |
borderSize |
BorderWidthToken |
- | - | ボーダー幅のトークン |
borderRadius |
BorderRadiusToken |
- | - | 角丸用のボーダー半径トークン |
import RealtimeKitUI
let designLibrary = DesignLibrary.shared
// Access color tokens
let backgroundColor = designLibrary.color.background
let textColor = designLibrary.color.text
// Access spacing tokens
let padding = designLibrary.space.space4
// Access border tokens
let borderWidth = designLibrary.borderSize.thin
let cornerRadius = designLibrary.borderRadius.rounded