English

`popup` popup

A popup component, which is a dialog, tooltip, drawer

Example

Basic usage

1<popup as_prop="popup">
2  <popup_container
3    as_prop="container"
4    height="220.0"
5    width="360.0"
6    flow="Down"
7    theme="Info"
8  >
9    <label text="'Container'"></label>
10  </popup_container>
11</popup>

Properties

Name	Description	Type
theme	Themes
opacity	F32
background_color	Background color	MakepadColor
hover_color	Hover color	MakepadColor
focus_color	Focus color	MakepadColor
border_color	Border color	MakepadColor
border_width	Border width	F32
border_radius	Border radius	F32
visible	Visible	bool
background_visible	Background visible	bool
cursor	Cursor style	MouseCursor
mode	Popup mode	PopupMode
close_mode	Close mode	CloseMode
shadow_color	Shadow color	MakepadColor
spread_radius	Shadow spread radius	F32
blur_radius	Shadow blur radius	F32
shadow_offset	Shadow offset	Vec2
`margin`	Margin	`Margin`
`width`	Width	`Size`
`height`	Height	`Size`
`abs_pos`	Absolute position	`DVec2`
`clip_x`	Clip X axis	`bool`
`clip_y`	Whether to crop the Y axis	`bool`
`padding`	Padding	`Padding`
`align`	Alignment	`Align`
`flow`	Flow	`Flow`
`spacing`	Spacing	`F64`
`scroll`	Scroll offset	`DVec2`

Event callback

None

Slot

container

Table of Contents

#popup popup

#Example

#Basic usage

#Properties

#Event callback

#Slot

`popup` popup

Example

Basic usage

Properties

Event callback

Slot