mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
32 lines
611 B
Svelte
32 lines
611 B
Svelte
<script lang="ts">
|
|
import { ClickableTile } from "carbon-components-svelte";
|
|
</script>
|
|
|
|
<ClickableTile href="https://www.carbondesignsystem.com/">
|
|
Link only
|
|
</ClickableTile>
|
|
|
|
<ClickableTile
|
|
light
|
|
href="https://www.carbondesignsystem.com/"
|
|
title=""
|
|
target="_blank"
|
|
>
|
|
Link with light variant
|
|
</ClickableTile>
|
|
|
|
<ClickableTile
|
|
href="#"
|
|
data-testid="click-test"
|
|
on:click={() => {
|
|
console.log("clicked");
|
|
}}
|
|
>
|
|
Click me
|
|
</ClickableTile>
|
|
|
|
<ClickableTile href="#" clicked>Clicked</ClickableTile>
|
|
|
|
<ClickableTile href="#" disabled data-testid="disabled-test">
|
|
Disabled tile
|
|
</ClickableTile>
|