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

NameDescriptionType
themeThemes
background_colorBackground colorMakepadColor
background_visibleBackground visiblebool
hover_colorHover colorMakepadColor
selected_colorSelected colorMakepadColor
stroke_colorLine colorMakepadColor
stroke_hover_colorHover line colorMakepadColor
stroke_selected_colorSelected line colorMakepadColor
border_colorBorder colorMakepadColor
border_widthBorder widthF32
border_radiusBorder radiusF32
scaleScale ratioF32
cursorcursor typeMouseCursor
selectedselectedbool
grab_key_focuswhether to get keyboard focusbool
toggle_typetoggle typeGToggleType
visiblevisiblebool
animation_keywhether to enable animationbool
event_keyevent identifierbool
abs_posabsolute positionDVec2
marginmarginMargin
widthwidthSize
heightheightSize
scrollscroll offsetDVec2
clip_xwhether to clip Xbool
clip_ywhether to clip Ybool
paddinginner marginPadding
alignalignmentAlign
flowflowFlow
spacingspacingF64

event callback

nameDescriptionParameters
clickedClick eventGToggleClickedParam
hover_inHover inGToggleHoverParam
hover_outHover outGToggleHoverParam