Piman
  • Piman 無障礙網頁前端 UI 框架
  • 關於 Piman
  • 常見問答
  • Vue3 版本
    • 設計系統
  • Vue2 版本
    • 設計系統
    • 快速開始
    • Accordion
    • Breadcrumb
    • Buttons
    • Cards
    • Checkbox
    • Dialog
    • Dropdown
    • Form
    • Input
    • Message
    • Pagination
    • Popover
    • Radio
    • Select
    • Switch
    • Tabs
    • Tooltip
    • Tree
  • 更新日誌
  • 成為貢獻者,一起開發 Piman
    • Vue2
      • i18n
      • CSS & SCSS
      • Update
      • Develope Component
Powered by GitBook
On this page
  • 主題色
  • 大小
  • 禁用
  • 載入中
  • 屬性
  • Demo

Was this helpful?

Export as PDF
  1. Vue2 版本

Buttons

介紹使用 Buttons 按鈕元件

PreviousBreadcrumbNextCards

Last updated 1 year ago

Was this helpful?

Button,中文名為按鈕,通常用在網頁想要和使用者互動時的一種方法,互動的內容則會呈現在按鈕裡的文字。

主題色

<bpa-button theme="primary">Button</bpa-button>

大小

<bpa-button size="small">Button</bpa-button>

禁用

<bpa-button disabled>Button</bpa-button>

載入中

<bpa-button :loading="true">Button</bpa-button>

屬性

Name
Value
Type
Default
Required
Note

theme

primary, success, warning, danger, primary-ghost, success-ghost, warning-ghost, danger-ghost

String

disabled

Boolean

loading

Boolean

size

small, large

String

Demo

Button 介紹示意圖