Toggle
Toggle Properties
Prop | Type | Default | Description |
---|---|---|---|
init | boolean | true | Khởi tạo Toggle instance |
name | string | Toggle input name | |
value | string | number | Toggle input value | |
checked | boolean | false | Xác định toggle đã được check hay chưa |
disabled | boolean | false | Xác định toggle có bị vô hiệu hóa hay không |
readonly | boolean | false | Xác định toggle có phải readonly input hay không |
tooltip | string | Nội dung tooltip xuất hiện khi hover/click vào toggle | |
tooltipTrigger | string | hover | Xác dịnh làm thế nào để trigger (mở) Tooltip. Có thể là hover, click hoặc manual |
Toggle Events
Event | Prop | Description |
---|---|---|
change | onChange | Event 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) |
toggleChange | onToggleChange | Event 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!