Border Box 7

dvk-border-box-7 recreates DataV BorderBox10 as a chamfered glowing panel. The main polygon is redrawn from the live host size, while the four source corner ornaments stay fixed and mirrored from the original 150 x 150 SVG module.

Border Box 7

chamfered glow panel with fixed mirrored corner ornaments

LIVE

Requests2.84M+18.6%

Latency38ms-9.2%

Uptime99.98%+0.3%

<dvk-border-box-7 colors="#235fa7,#4fd2dd">
  <section>Border Box 7</section>
</dvk-border-box-7>

Props

Name	Type	Default	Notes
color	string	CSS variable fallback	Primary inset glow color.
secondary-color	string	CSS variable fallback	Corner ornament fill color.
background-color	string	transparent	Panel background fill color.
colors	string	empty	Comma-separated primary and secondary colors. Use background-color for an optional panel fill.

Events

Name	Detail
dvk-ready	{ tagName }

CSS Variables

Name	Meaning
--dvk-color-primary	Primary glow fallback color.
--dvk-color-secondary	Corner fill fallback color.
--dvk-border-box-7-background	Panel background fallback color.
--dvk-border-box-padding	Shared override for automatic content inset across border boxes.
--dvk-border-box-7-padding	Component-specific override for automatic content inset.
--dvk-border-box-7-radius	Host border radius.

Parts

Part	Description
frame	Absolute frame layer.
graphic	Internal SVG layers.
content	Slotted content wrapper.