The ID of the window element to be displayed on the screen.
position
string
center
`center` or `around`. When set to `around`, the window will be positioned at the top-left of the clicked location. However, if the window extends beyond the left edge of the screen, it will automatically be positioned at the top-right instead.
clickEvent
event
null
This is a required value when the position is set to `around`. It refers to the user's click event.
isModal
boolean
true
Whether the window is modal.
isDrag
boolean
true
Whether the window is draggable. If set to `false`, the window cannot be dragged.
showHeader
boolean
true
Whether to display the header. If set to `false`, only the specified element will be shown as the window, without the header.
cornerRadius
string
5px
The corner radius value of the window.
Header Options(Left Side Label)
Name
Type
Default
Control
Descriptions
headerColor
string
#f1f3f4
The background color of the header area. You can apply colors in formats such as hex, rgb, etc.
headerlcon
string
notes
The built-in icon displayed on the left side of the header.
There are 10 built-in icons: arrow_down, close, danger, info, menu, notes, question, setting, success, and warning.
For the four icons — info, success, warn, and danger — you can append _colored (e.g., `info_colored`) to insert predefined colored versions of the icons.
headerLabel
string
null
The text displayed on the left side of the header.
headerLabelColor
string
#5f6368
The color of the header label. You can apply colors in formats such as hex, rgb, etc.
Header Option(Right Side Actions)
Name
Type
Default
Control
Descriptions
actions
object
close
There are 10 built-in icons: arrow_down, close, danger, info, menu, notes, question, setting, success, and warning. For the four icons — info, success, warn, and danger — you can append _colored (e.g., `info_colored`) to insert predefined colored versions of the icons.
Event
Name
Type
Default
Control
Descriptions
BitWindow.close()
function
-
Close the window that is displayed on the screen
Lorem ipsum dolor sit amet consectetur adipisicing elit. placeat, earum cumque, nostrum quibusdam autem, impedit incidunt velit voluptate tenetur iste ea? Vel est, delectus facere laboriosam vero placeat dolor natus voluptate corporis officiis dolorem repellendus provident eius aperiam error porro reiciendis illo tempora, non excepturi expedita vitae omnis ipsam.
Lorem ipsum dolor sit amet consectetur adipisicing elit. placeat, earum cumque, nostrum quibusdam autem, impedit incidunt velit voluptate tenetur iste ea? Vel est, delectus facere laboriosam vero placeat dolor natus voluptate corporis officiis dolorem repellendus provident eius aperiam error porro reiciendis illo tempora, non excepturi expedita vitae omnis ipsam.