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ẻ
tabLinkstringdùng như một tab link với giá trị là CSS selector của Target Tab
tabLinkActivebooleanfalseĐặ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
tooltipTriggerstringhoverXá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
typeNamestringTên các loại button: primary | secondary | destructive | tertiary | ghost
iconZMPstringSử dụng bộ ZMP icons để thêm icon cho button bằng tên của icon cụ thể

Button Events

EventPropDescription
clickonClickEvent kích hoạt khi người dùng click vào button

Ví dụ

Code demo fallback when rendering server side!