HTMLDwebStatusBarElement
A WebComponent for accessing the system status bar;
Inherits from HTMLStateObserverElement;
<dweb-status-bar></dweb-status-bar>
Properties
plugin
A StatusBarPlugin object;
state
The StatusBarPlugin.state object;
setColor
The StatusBarPlugin.setColor() method
getColor
The StatusBarPlugin.getColor() method
setStyle
The StatusBarPlugin.setStyle() method
getStyle
The StatusBarPlugin.getStyle() method
show
The StatusBarPlugin.show() method
hide
The StatusBarPlugin.hide() method
setVisible
The StatusBarPlugin.setVisible() method
getVisible
The StatusBarPlugin.getVisible() method
getState
The StatusBarPlugin.getState() method
setOverlay
The StatusBarPlugin.setOverlay() method
getOverlay
The StatusBarPlugin.getOverlay() method
Methods
- None
Events
"statechange"
Triggered when state changes;
Passes a CustomEvent object to listener;
CustomEvent.detail is a StatusBarPlugin.state object;
Example
<body>
<dweb-status-bar></dweb-status-bar>
<script type="text/javascript">
const dwebStatusBar = document.querySelector("dweb-status-bar");
dwebStatusBar.getOverlay();
</script>
</body>
Cross-Platform Compatibility
| Properties/Methods/Events | Android | iOS | Desktop-Dev | Desktop |
|---|---|---|---|---|
| plugin | ✅ | ✅ | ✅ | X |
| state | ✅ | ✅ | ✅ | X |
| setColor | ✅ | ✅ | ✅ | X |
| getColor | ✅ | ✅ | ✅ | X |
| setStyle | ✅ | ✅ | ✅ | X |
| getStyle | ✅ | ✅ | ✅ | X |
| show | ✅ | ✅ | ✅ | X |
| hide | ✅ | ✅ | ✅ | X |
| setVisible | ✅ | ✅ | ✅ | X |
| getVisible | ✅ | ✅ | ✅ | X |
| getState | ✅ | ✅ | ✅ | X |
| setOverlay | ✅ | ✅ | ✅ | X |
| getOverlay | ✅ | ✅ | ✅ | X |