Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA drop shadow editor where an angle slider and a distance field produce the x and y offsets, with blur and opacity scrubbers and the CSS box-shadow printed.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use this when design tools and CMS style panels let people tune a shadow visually.
Do not use it when shadows come from a fixed elevation scale (offer the scale instead).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Required | Description |
|---|---|---|---|
angle | number | optional | - |
distance | number | optional | - |
blur | number | optional | - |
opacity | number | optional | - |
The pattern ships with a Testing Library test (angle-slider-shadow-editor.test.tsx) that covers the angle to offset maths, the printed CSS, keyboard rotation and the clamped distance.