S SV5UI Plus

Quick Example

Spotlight Usage

ตัวอย่าง import และการใช้งานแบบสั้นสำหรับหน้า `spotlight`

Code

                <script lang="ts">
 import { Spotlight } from 'sv5ui-plus';
</script>

<Spotlight class="p-8 border rounded-lg">
  Content with hover spotlight effect.
</Spotlight>

Spotlight

A hover effect that follows your mouse cursor around the container.

Usage

Wrap your content in a Spotlight component. Hover over the card to see the effect.

Interactive Card

The spotlight follows your cursor, creating a subtle, premium look for modern interfaces.

Custom Color & Size

Use color and size props to adjust the spotlight appearance.

Blue Spotlight
Large Green Spotlight