M3

Buttons

Buttons prompt most actions in a UI

Buttons communicate actions that people can take. They are typically placed throughout the UI, in places like:

  • Dialogs
  • Modal windows
  • Forms
  • Cards
  • Toolbars

Import

import { Button } from "@m3-components/solid";

Basic Buttons

<Button variant="text">Text Button</Button>
<Button variant="filled">Filled Button</Button>

Sizes

<Button size="small">Small</Button>
<Button size="medium">Medium</Button>
<Button size="large">Large</Button>