divider

Used to split content, it inherits from the view component.

Example

Basic usage

1<view spacing="40.0">
2  <label text="'Hello'"></label>
3  <divider theme="Info"></divider>
4  <divider theme="Error">
5    <label text="'I am a divider'"></label>
6  </divider>
7  <divider theme="Success">
8    <view height="Fit" width="Fit" padding="6.0">
9      <button></button>
10    </view>
11  </divider>
12  <divider theme="Warning"></divider>
13  <label text="'World'"></label>
14</view>

Properties

NameDescriptionType
themeThemeThemes
background_colorBackground colorMakepadColor
hover_colorHover colorMakepadColor
focus_colorFocus colorMakepadColor
border_colorBorder colorMakepadColor
border_widthBorder widthF32
border_radiusBorder radiusF32
visibleVisible or notbool
background_visibleBackground visible or notbool
shadow_colorShadow colorMakepadColor
spread_radiusShadow spread radiusF32
blur_radiusShadow blur radiusF32
shadow_offsetShadow offsetVec2
cursorMouse pointer styleMouseCursor
animation_keyAnimation keybool
grab_key_focusCapture keyboard focusbool
block_signal_eventBlock signal eventbool
abs_posAbsolute positionDVec2
marginMarginMargin
widthWidthSize
heightHeightSize
scrollScroll offsetDVec2
clip_xClip X axis or notbool
clip_yClip Y axis or notbool
paddingPaddingPadding
alignAlignmentAlign
flowFlowFlow
spacingSpacingF64
event_orderEvent orderEventOrder
dpi_factorDPI scaling factorF64
optimizeView optimization optionsViewOptimize
capture_overloadCapture overloadbool
event_keyEvent keybool
block_child_eventsBlock child event deliverybool
deref_widgetReference view propertiesViewProps
stroke_widthStroke widthF32
directionDivider directionDirection

Event callback

None