SR Pattern 01
This module renders a single decorative SVG divider, either a wave, line, curve, triangle, slanted triangle, or arrow, positioned at the top or bottom edge of a section with configurable color, width, height, flip, and stacking order.
Pick it over the bling and client modules when you need a plain graphic edge treatment between two sections rather than logos, images, or text content. It has no text or image fields and only outputs a colored SVG shape, so it should sit inside or between other content modules as a visual accent, not stand alone as a content block.
Use cases
- Wavy section divider
- Angled edge between hero and content
- Decorative curve above footer
- Slanted triangle transition
- Arrow shaped section break
- Subtle line divider between blocks
Where it fits
- Included with: Stack
- Page sections: Media, Not a page section
Editable fields
Content tab
| Field | Type | Notes |
|---|---|---|
| Enabled | Boolean | |
| Position | Choice | Options: Top, Bottom. |
| Shape | Choice | Options: Wave, Line, Curve, Triangle, Triangle 2, Slanted Triangle, Arrow. |
| Color | Color | |
| Width | Number | |
| Preserve Aspect Ratio | Boolean | Needs height at 500px to work properly. |
| Height | Number | |
| Flip | Boolean |
Style tab
Change log
| Version | Change |
|---|---|
| 2.0.0 | Stardust update |
| 1.1.1 | Fixed z-index setting |
| 1.1.0 | Accessibility improvements |
| 1.0.1 | Fixed issue with background color not working |
SR Notification 01
This module renders a small floating notification popup positioned in a corner or edge of the screen, with six selectable types: rotating conversion alerts (up to 4), a countdown timer with date and form or button offer, an email signup form, a static information banner, rotating review cards (up to 4, each with stars and client name), or a social share prompt with facebook, twitter, and linkedin toggles.
SR Separator 01
This module renders a single horizontal divider line with one optional centered element in the middle: a short line of text, an icon, a single image, or a soft shadow effect, with configurable line style, thickness, and color.