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

Toggle

Toggle Properties

PropTypeDefaultDescription
initbooleantrueKhởi tạo Toggle instance
namestringToggle input name
valuestring | numberToggle input value
checkedbooleanfalseXác định toggle đã được check hay chưa
disabledbooleanfalseXác định toggle có bị vô hiệu hóa hay không
readonlybooleanfalseXác định toggle có phải readonly input hay không
tooltipstringNội dung tooltip xuất hiện khi hover/click vào toggle
tooltipTriggerstringhoverXác dịnh làm thế nào để trigger (mở) Tooltip. Có thể là hover, click hoặc manual

Toggle Events

EventPropDescription
changeonChangeEvent sẽ được triggered khi trạng thái của toggle checkbox thay dổi. (Khi device sử dụng touch thì nên dùng event toggleChange)
toggleChangeonToggleChangeEvent sẽ được triggered khi trạng thái của toggle checkbox thay dổi.

Toggle Methods

| <Toggle/> methods | | ------------------- | --------------------- | | .toggle() | Toggle checkbox state |

Ví dụ

Code demo fallback when rendering server side!