mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 02:41:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #301 from albertms10/link-href

Browse source 
feat(link): add href prop
This commit is contained in:
Eric Liu 2020-10-04 11:35:34 -07:00 • committed by GitHub
commit 0b9688dc2b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
COMPONENT_INDEX.md
View file

@ -2179,6 +2179,7 @@ import { Link } from "carbon-components-svelte";
| Prop name | Type | Default value | | Prop name | Type | Default value |
| :-------- | :--------------------------------------------------------------------- | :------------ | | :-------- | :--------------------------------------------------------------------- | :------------ |
| href | <code>string</code> | -- |
| inline | <code>boolean</code> | false | | inline | <code>boolean</code> | false |
| disabled | <code>boolean</code> | false | | disabled | <code>boolean</code> | false |
| visited | <code>boolean</code> | false | | visited | <code>boolean</code> | false |

7
src/Link/Link.svelte
View file

@ -1,4 +1,10 @@
<script> <script>
/**
* Specify the href value
* @type {string} [href]
*/
export let href = undefined;
/** /**
* Set to `true` to use the inline variant * Set to `true` to use the inline variant
* @type {boolean} [inline=false] * @type {boolean} [inline=false]
@ -48,6 +54,7 @@
class:bx--link--inline="{inline}" class:bx--link--inline="{inline}"
class:bx--link--visited="{visited}" class:bx--link--visited="{visited}"
rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}" rel="{$$restProps.target === '_blank' ? 'noopener noreferrer' : undefined}"
{href}
{...$$restProps} {...$$restProps}
on:click on:click
on:mouseover on:mouseover

5
types/index.d.ts vendored
View file

@ -1884,6 +1884,11 @@ export class InlineNotification extends CarbonSvelteComponent {
export class Link extends CarbonSvelteComponent { export class Link extends CarbonSvelteComponent {
$$prop_def: { $$prop_def: {
/**
* Specify the href value
*/
href?: string;
/** /**
* Set to `true` to use the inline variant * Set to `true` to use the inline variant
* @default false * @default false