# Button > 具有 NlyAdminlteVue 主题特征的按钮 ## 总览 nly-button 组件因为有 3 种类型的背景色，所以默认是没有颜色的，按钮组件支持原生点击事件 接受所有 `nly-link` props, 会渲染成标签按钮, 用 `role='button'` 来实现按钮特征 ```html 默认 dark primary ``` ## variant `btn-*` 类颜色，支持 adminlte3 的基础主题颜色，支持边框颜色 ```html
default dark light primary secondary success info warning danger
outlineDark outlineLight outlinePrimary outlineSecondary outlineSuccess outlineInfo outlineWarning outlineDanger
``` ## bg-variant `bg-*` 类颜色 ```html default dark light primary secondary success info warning danger lightblue navy olive lime fuchsia maroon blue indigo purple pink red orange yellow green teal cyan white gray graydark ``` ## bg-gradient-variant `bg-gradient-*` 类颜色，渐变色 ```html default dark light primary secondary success info warning danger lightblue navy olive lime fuchsia maroon blue indigo purple pink red orange yellow green teal cyan white gray graydark ``` ## size 按钮大小，可选 `lg` ， `sm` ， `sx` ```html graydark graydark graydark ``` ## block 使按钮填充整个父元素 ```html
block
``` ## click 点击事件，鼠标事件，原生事件 ```html ``` ## disabled 禁用按钮， 禁用状态无法点击，无法触发 click 事件 ```html disabled diabled disabled diabled ``` ## shape 按钮形状，方形，小圆角，大圆角 ```html roundedFlat roundedPill Cir roundedLg roundedSm ``` ## tool 工具类按钮，一般建议用在 `nly-card-header` 组件中的 `nly-card-tool` 组件中 ```html tool tool ``` ## app `app` 类按钮 ```html ``` ## link props 接收 `nly-link` 组件参数，会变成 a 标签按钮 ```html Button Link to Link href ```