toggle
switch
Indicates the switch between two opposing states, mostly used to trigger switch events.
Example
Basic usage
1<toggle theme="Error" selected="true"></toggle>
Attributes
Name | Description | Type |
---|
theme | Themes | |
background_color | Background color | MakepadColor |
background_visible | Background visible | bool |
hover_color | Hover color | MakepadColor |
selected_color | Selected color | MakepadColor |
stroke_color | Line color | MakepadColor |
stroke_hover_color | Hover line color | MakepadColor |
stroke_selected_color | Selected line color | MakepadColor |
border_color | Border color | MakepadColor |
border_width | Border width | F32 |
border_radius | Border radius | F32 |
scale | Scale ratio | F32 |
cursor | cursor type | MouseCursor |
selected | selected | bool |
grab_key_focus | whether to get keyboard focus | bool |
toggle_type | toggle type | GToggleType |
visible | visible | bool |
animation_key | whether to enable animation | bool |
event_key | event identifier | bool |
abs_pos | absolute position | DVec2 |
margin | margin | Margin |
width | width | Size |
height | height | Size |
scroll | scroll offset | DVec2 |
clip_x | whether to clip X | bool |
clip_y | whether to clip Y | bool |
padding | inner margin | Padding |
align | alignment | Align |
flow | flow | Flow |
spacing | spacing | F64 |
event callback
name | Description | Parameters |
---|
clicked | Click event | GToggleClickedParam |
hover_in | Hover in | GToggleHoverParam |
hover_out | Hover out | GToggleHoverParam |