CharcoalButtonDefaults

Charcoal のボタンの既定値・ファクトリをまとめたオブジェクト。

テキストボタン(Charcoal の Link)の配色は CharcoalTextButtonDefaults にある。

Properties

Link copied to clipboard

M サイズのコンテンツパディング。

Link copied to clipboard

M サイズの最小高さ。

Link copied to clipboard

通常ボタン (CharcoalButton) のデフォルト形状。CircleShape を使用する。

Link copied to clipboard

S サイズのコンテンツパディング。

Link copied to clipboard

S サイズの最小高さ。M3 の ButtonDefaults.MinHeight(40dp)より低い Charcoal 固有の値。

Functions

Link copied to clipboard
fun buttonSizeM(minHeight: Dp = MinHeight, contentPadding: PaddingValues = ContentPadding): CharcoalButtonSize

高さ 40dp・水平パディング 24dp の M サイズを生成する。 標準的なボタンサイズ。

Link copied to clipboard
fun buttonSizeS(minHeight: Dp = SmallMinHeight, contentPadding: PaddingValues = SmallContentPadding): CharcoalButtonSize

高さ 32dp・水平パディング 16dp の S サイズを生成する。 スペースが限られた場所や補助的なボタンに使用する。

Link copied to clipboard
fun defaultButtonColors(containerColor: Color = CharcoalTheme.colorToken.surface3, contentColor: Color = CharcoalTheme.colorToken.text2): ButtonColors

surface3 背景・text2 テキストの Default ボタン配色を生成する。 Secondary アクション(tonal 相当を含む)に使用する。

Link copied to clipboard
fun defaultOverlayButtonColors(containerColor: Color = CharcoalTheme.colorToken.surface4, contentColor: Color = CharcoalTheme.colorToken.text5): ButtonColors

surface4 背景・text5 テキストの DefaultOverlay ボタン配色を生成する。 画像などの上に重ねて置くボタンに使用する。背景の surface4 は半透明(黒 32%)。

Link copied to clipboard
fun navigationButtonColors(containerColor: Color = CharcoalTheme.colorToken.surface6, contentColor: Color = CharcoalTheme.colorToken.text5): ButtonColors

surface6 背景・text5 テキストの Navigation ボタン配色を生成する。 画面遷移を促す導線に使用する。

Link copied to clipboard
fun primaryButtonColors(containerColor: Color = CharcoalTheme.colorToken.brand, contentColor: Color = CharcoalTheme.colorToken.text5): ButtonColors

brand 背景・text5 テキストの Primary ボタン配色を生成する。 CTA など最重要アクションに使用する。