mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 10:51:06 +00:00
parent
f048e9ea4a
commit
4888d09479
2 changed files with 4 additions and 8 deletions
|
@ -1,14 +1,10 @@
|
||||||
<script>
|
<script>
|
||||||
export let href = undefined;
|
|
||||||
export let inline = undefined;
|
|
||||||
export let disabled = undefined;
|
|
||||||
|
|
||||||
import Layout from '../../internal/ui/Layout.svelte';
|
import Layout from '../../internal/ui/Layout.svelte';
|
||||||
import Link from './Link.svelte';
|
import Link from './Link.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Layout>
|
<Layout>
|
||||||
<div>
|
<div>
|
||||||
<Link {href} {inline} {disabled}>Link</Link>
|
<Link {...$$props}>Link</Link>
|
||||||
</div>
|
</div>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
export let href = undefined;
|
export let href = undefined;
|
||||||
export let disabled = false;
|
export let disabled = false;
|
||||||
export let inline = false;
|
export let inline = false;
|
||||||
export let props = {};
|
export let style = undefined;
|
||||||
|
|
||||||
import { cx } from '../../lib';
|
import { cx } from '../../lib';
|
||||||
|
|
||||||
|
@ -17,11 +17,11 @@
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{#if disabled}
|
{#if disabled}
|
||||||
<p {...props} class={_class}>
|
<p on:click on:mouseover on:mouseenter on:mouseleave {style} class={_class}>
|
||||||
<slot />
|
<slot />
|
||||||
</p>
|
</p>
|
||||||
{:else}
|
{:else}
|
||||||
<a {...props} class={_class} {href}>
|
<a on:click on:mouseover on:mouseenter on:mouseleave {style} class={_class} {href}>
|
||||||
<slot />
|
<slot />
|
||||||
</a>
|
</a>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue