6つの主要な色の1つを使用できます
is-primaryis-linkis-infois-successis-warningis-danger
スポンサー
Bulmaのモディファイア構文
Bulmaコンポーネントとその代替スタイルを使用する方法
"button" CSSクラスを使用する簡単なボタンから始めましょう
<button class="button">Button</button>"is-primary" CSSクラスを追加することで、色を変更できます
<button class="button is-primary">Button</button>
<button class="button is-primary">Button</button>
<button class="button is-link">Button</button>
<button class="button is-info">Button</button>
<button class="button is-success">Button</button>
<button class="button is-warning">Button</button>
<button class="button is-danger">Button</button>サイズも変更できます
is-smallis-mediumis-large
<button class="button is-small">Button</button>
<button class="button">Button</button>
<button class="button is-medium">Button</button>
<button class="button is-large">Button</button>または、スタイルまたは状態を変更できます
is-outlinedis-loading[disabled]
<button class="button is-primary is-outlined">Button</button>
<button class="button is-loading">Button</button>
<button class="button" disabled>Button</button>その結果、モディファイアを組み合わせるのは非常に簡単です。
<button class="button is-primary is-small" disabled>Button</button>
<button class="button is-info is-loading">Button</button>
<button class="button is-danger is-outlined is-large">Button</button>