按钮组件及其内部的链接可能是最重要的功能之一,允许用户与网页交互并执行各种功能并从一个网页移动到另一个网页。以下是定义的各类按钮及其效果:
- Raised:用于设置波纹点击效果,也可以与其他各种类结合使用。
- 浮动:用于创建圆形按钮。
- Flat:用于为按钮设置平面显示效果,减少过度分层。例如,平面按钮通常用于卡片内的操作,这样不会有太多重叠的阴影。
- 提交按钮:用于表示为主按钮。使用按钮提交表单时,可以使用类型为 submit 的按钮标签,而不是使用 input 标签。
- 大:用于需要更多关注的按钮。
- Small:当鼠标和键盘是主要输入方式时使用,此按钮用于更密集的 UI 布局。
- 禁用:用于创建禁用按钮。
例子:
输出: