Chuyển tới nội dung chính

Button

Button Properties

PropTypeDefaultDescription
typestringLà một trong submit, button hoặc reset, lúc này button sẽ được render với thẻ <button/>
tab-linkstringdùng như một tab link với giá trị là CSS selector của Target Tab
tab-link-activebooleanfalseĐặt tab link trở thành active
textstringButton text label
tooltipstringButton tooltip, hiển thị một tooltip lên trên button khi người dùng hover/press
tooltip-triggerstringhoverXác định cách mở Tooltip. Có thể là hover, click hoặc manual
largebooleanfalseĐặt kích thước button lớn
smallbooleanfalseĐặt kích thước button nhỏ
fillbooleanfalseĐổ màu cho button mặc định
responsivebooleanfalseĐặt button trở thành Responsive Button
disabledbooleanfalseDisable button
type-namestringBiến thể button: primary | secondary | destructive | tertiary | ghost
icon-zmpstringSử dụng bộ ZMP icons để thêm icon cho button bằng tên của icon cụ thể

Button Events

EventDescription
@clickEvent kích hoạt khi người dùng click vào button

Ví dụ

Code demo fallback when rendering server side!