Build responsive widgets with ease. Define up to four different looks for the same widget. Every hydra can have different breakpoints which determines when an alternative should appear.
Achieving responsiveness can be a tedious task because of multiple factors like orientation, screen width and so on. Without a clear definition it's difficult to scale apps which heavily rely on responsiveness.
- Decides which widget it should show depending on your breakpoints
- Automatically show the next matching widget, if there's no suitable alternative for the current breakpoint
- Apply your ruleset (=behaviour) about switching widgets
- Any "magical" scaling in the background (like font sizes)
- Calculating different sizes/ constraints for your widget
| Parameter | Function |
|---|---|
| Behaviour | Defining breakpoints for switching between widgets. Awareness of orientation. Preferness when to use either smaller or bigger alternative, when no alternative fits between current breakpoints. |
| mini | The smallest widget. Size is relative depending on breakpoints. |
| small | Bigger than mini. Size is relative depending on breakpoints. |
| medium | Bigger than small. Size is relative depending on breakpoints. |
| large | Bigger than medium. Size is relative depending on breakpoints. |