Files
wayvr/wgui/doc/widgets.md
2025-06-18 23:28:03 +02:00

1.8 KiB

Universal widget attributes

display: flex | block | grid

position: absolute | relative

flex_grow: units (3)

flex_shrink: units (3)

gap: units (42) or percent (42%)

flex_basis: units (42) or percent (42%)

justify_self: center | end | flex_end | flex_start | start | stretch

justify_content: center | end | flex_start | flex_end | space_around | space_between | space_evenly | start | stretch

flex_wrap: wrap | no_wrap | wrap_reverse

flex_direction: row | column | column_reverse | row_reverse,

align_items, align_self: baseline | center | end | flex_start | flex_end | start | stretch

box_sizing: border_box | content_box

margin, margin_left, margin_right, margin_top, margin_bottom: units (42) or percent (42%)

padding, padding_left, padding_right, padding_top, padding_bottom: units (42) or percent (42%)

overflow, overflow_x, overflow_y: hidden | visible | clip | scroll

min_width, min_height: units (42) or percent (42%)

max_width, max_height: units (42) or percent (42%)

width, height: units (42) or percent (42%)

Widgets

div

The most simple element

Parameters

None


label

Text element

Parameters

text: abc

color: #FFAABB | #FFAABBCC

align: left | right | center | justified | end

weight: normal | bold

size: float


rectangle

A styled rectangle

Parameters

text: abc

color: #FFAABB | #FFAABBCC

1st gradient color

color2: #FFAABB | #FFAABBCC

2nd gradient color

gradient: horizontal | vertical | radial | none

round: float (0.0 - 1.0)

border: float

border_color: #FFAABB | #FFAABBCC


sprite

Image widget, supports raster and svg vector

Parameters

src: Internal (assets) image path

src_ext: External image path