HYVOR Design System Logo HYVOR Design System
HYVOR Github
Design System
Overview
Dark Mode
i18n
Markdown
Components
Accordion
Action List
Avatar
Box
Box Shadow Picker
Button
Button Group
Callout
Checkbox
Code Block
Color Picker
Confetti
Console Loader
Detail Card
Divider
Dropdown
Emoji Picker
File Uploader
Form Control
Icon Button
Icon Message
Kbd
Link
Loader
Modal
Nav Link
Radio
Select
Slider
Split Control
Switch
Tab Nav
Table
Tag
Ternary Status
Text
Text Input
Textarea
Toast
Tooltip
Usage
Cloud
Cloud Context
Marketing
Page Structure
Header
Footer
Homepage Components
Docs
Document
Details Accordion

Box Shadow Picker

<BoxShadowPicker> can be used to allow users to select a box shadow for an element.

<script lang="ts">
    import { BoxShadoxPicker } from "@hyvor/design/components";
</script>

<BoxShadoxPicker value="0px 0px 8px 0px #00000011" />
HYVOR Logo
HYVOR
Design System
foss@hyvor.com
Products
Hyvor Talk Hyvor Blogs Hyvor Post Fortguard
Legal
Terms of Service Privacy Policy Sub-Processors Compliance (GDPR) DPA
HYVOR
Enterprise Support Security Updates Status
Resources
Docs Blog Comparisons Community
HYVOR © 2026
GDPR Compliant
From France 🇫🇷