RtkDesignTokens

UI Kit の全コンポーネントの見た目をカスタマイズするための、最上位のデザイントークンコンテナです。

プロパティ

プロパティ	型	必須	デフォルト	説明
`colors`	`RtkColorTokens`	❌	-	カラーテーマのトークン
`borderWidth`	`RtkBorderWidthToken`	❌	-	ボーダー幅のトークン
`borderRadius`	`RtkBorderRadiusToken`	❌	-	角丸のトークン

使用例

基本的な使い方

val designTokens = RtkDesignTokens(
    colors = RtkColorTokens(
        brand = BrandColor(
            shade300 = Color.parseColor("#497CFD"),
            shade400 = Color.parseColor("#356EFD"),
            shade500 = Color.parseColor("#2160FD"),
            shade600 = Color.parseColor("#0D52FD"),
            shade700 = Color.parseColor("#0046E5")
        ),
        background = BackgroundColor(
            shade600 = Color.parseColor("#2C2C2C"),
            shade700 = Color.parseColor("#242424"),
            shade800 = Color.parseColor("#1C1C1C"),
            shade900 = Color.parseColor("#141414"),
            shade1000 = Color.parseColor("#0C0C0C")
        )
    ),
    borderRadius = RtkBorderRadiusToken.Rounded,
    borderWidth = RtkBorderWidthToken.Thin
)