SvelteKit

View Source

All Components have access to all global attributes.

sveltekit:noscroll

NOTE: Introduced feature in v0.2.0.

sveltekit:noscroll configures SvelteKit to disable scrolling to top / linked element ID #hash whenever the link is clicked.

<script>
    import {Anchor} from "@kahi-ui/framework";
</script>

<Anchor
    href="/docs/interactables/button"
    sveltekit:noscroll
>
    Goto Button
</Anchor>

sveltekit:prefetch

NOTE: Introduced feature in v0.2.0.

sveltekit:prefetch configures SvelteKit to fetch the linked route's load whenever the link is hovered.

<script>
    import {Anchor} from "@kahi-ui/framework";
</script>

<Anchor
    href="/docs/interactables/button"
    sveltekit:prefetch
>
    Goto Button
</Anchor>

Properties

*

Name Description Types
sveltekit:noscroll Configures SvelteKit to disable scrolling to top / linked element ID #hash whenever the link is clicked.
boolean
sveltekit:prefetch Configures SvelteKit to fetch the linked route's load whenever the link is hovered.
boolean