Viewport

View 1

View 2

View 3

You can create a slideshow by rendering a `View` based on its `id` using `ViewsSlider` to transition between views, like below.

Please check packages/docs/site/src/routes/compounds/viewports/ViewsSlider.svelte for more details.

<ViewsSlider {viewId}>
    <View id='view_1'>
        <div class='view'>
            <h1>View 1</h1>
            <svg>
                <circle
                    cx=50
                    cy=50
                    r=30
                    fill='palegreen'
                    stroke='green'
                />
            </svg>
        </div>
    </View>
    <View id='view_2'>
        <div class='view'>
            <h1>View 2</h1>
            <svg>
                <rect
                    x=10
                    y=10
                    width=100%
                    height=100
                    fill='orange'
                    stroke='red'
                />
            </svg>
        </div>
    </View>
</ViewsSlider>