Quick Example

Marquee Usage

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

Code

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

<Marquee pauseOnHover={true}>
 <div>Content 1</div>
 <div>Content 2</div>
</Marquee>
            

Marquee

An infinite scrolling marquee component for displaying logos, text, or cards.

Horizontal Marquee

A standard left-scrolling marquee that pauses on hover.

Brand 1
Brand 2
Brand 3
Brand 4
Brand 5
Brand 6
Brand 1
Brand 2
Brand 3
Brand 4
Brand 5
Brand 6

Vertical Marquee

Set direction="up" or "down" for vertical scrolling.

Feature A-1
Feature A-2
Feature A-3
Feature A-4
Feature A-5
Feature A-1
Feature A-2
Feature A-3
Feature A-4
Feature A-5
Feature B-1
Feature B-2
Feature B-3
Feature B-4
Feature B-5
Feature B-1
Feature B-2
Feature B-3
Feature B-4
Feature B-5