Releases: Aashu-Dubey/capacitor-statusbar-safe-area
3.0.0
2.1.2
2.1.1
Breaking Change
- Make
safe-area
custom element opt-in to register only if needed and to also to prevent breaking evaluatingSafeAreaController
in SSR environments. by @jjang16 in #9
If earlier you were using the safe-area
tag by simple (Empty) import, you now have to import and call function registerSafeAreaElement
// root.component.ts or your-component.ts
import { registerSafeAreaElement } '@aashu-dubey/capacitor-statusbar-safe-area';
registerSafeAreaElement();
SafeAreaType
type has been renamed toSafeAreaInset
(changelog)
New Contributors
Full Changelog: v2.1.0...v2.1.1
2.1.0
- Upgraded plugin to Capacitor v5 (#8) (Complete changelog).
Full Changelog: v2.0.0...v2.1.0
2.0.0
This version adds support for an addition way to handle safe area on device, using safe-area
web component exported by the plugin.
It can be used as follows:
<safe-area>
<!-- Other content -->
</safe-area>
It also comes with 2 attributes to control it's behaviour, mode
and edges
.
For example, to use safe area insets as element's margin instead of default padding, and to apply only for top, we would write it as follows:
<safe-area mode="margin" edges="top">
<!-- Other content -->
</safe-area>
more details about it's usage can be found in the readme.
✨ Features
🐛 Fixes
Full Changelog: v1.1.0...v2.0.0
1.1.0
✨ Improvements
-
Upgraded plugin to Capacitor v4 (#3)(by @Hrdtr) (Complete changelog).
Full Changelog: v1.0.1...v1.1.0
1.0.1
1.0.0
Initial Release
Using this package you can get Status bar height and Safe area insets on Android & iOS on Ionic applications