DryUI — Svelte 5 Component Library

Glow effect

Accessibility

Styled quick start

Copy this entrypoint first. It includes the imports required to get the component on screen.

svelte

<script lang="ts">
  import '@dryui/ui/themes/default.css';
  import '@dryui/ui/themes/dark.css';
  import { Glow } from '@dryui/ui';
</script>

<Glow>Content</Glow>

Import options

Root package

import { Glow } from '@dryui/ui'

Per-component subpath

import { Glow } from '@dryui/ui/glow'

API

Props, CSS variables, and the public data attributes you can target when styling.

Prop	Type	Description	Default	Required	Bindable
color	string	Semantic color or tone applied to the component.	'var(--dry-color-fill-brand)'	—	—
intensity	number	—	50	—	—
radius	number	—	20	—	—
blendMode	BlendMode	—	'screen'	—	—
children	Snippet	Content rendered inside the component.	—	✓	—