Button

Based on Material 3 button specifications

    
    <button class="m3-button">
      <span class="m3-button--label">Label</span>
    </button>

Type	CSS Modifier
Filled (Default)	Unavailable
Filled tonal	`m3-button__filled-tonal`
Outlined	`m3-button__outlined`
Text	`m3-button__text`

Using icons

Button supports both leading and trailing icons.

        
        <button>
          <span class="m3-button--icon m3-sym">leading</span>
          <span class="m3-button--label">Label</span>
          <span class="m3-button--icon m3-sym">trailing</span>
        </button>
        
      

Last modified: 27 February 2024