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

fix: use correct View icon [ci skip]

Browse source
This commit is contained in:
Eric Liu 2022-04-03 12:15:56 -07:00
commit 845225ffeb
3 changed files with 39 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

36
docs/src/pages/components/Link.svx
View file

@ -10,7 +10,9 @@ components: ["Link", "OutboundLink"]
### Default
<Link href="https://www.carbondesignsystem.com/">Carbon Design System</Link>
<Link href="https://www.carbondesignsystem.com/">
Carbon Design System
</Link>
### Target _blank
@ -18,19 +20,25 @@ If setting `target` to `"_blank"`, the `Link` component will automatically set `
You can override the `rel` attribute with a custom value.
<Link href="https://www.carbondesignsystem.com/" target="_blank">Carbon Design System</Link>
<Link href="https://www.carbondesignsystem.com/" target="_blank">
Carbon Design System
</Link>
### Outbound link
An alternative to manually setting `target` to `"_blank"` is to use the `OutboundLink`.
<OutboundLink href="https://www.carbondesignsystem.com/">Carbon Design System</OutboundLink>
<OutboundLink href="https://www.carbondesignsystem.com/">
Carbon Design System
</OutboundLink>
### Inline variant
<div>
Visit the
<Link inline href="https://www.carbondesignsystem.com/">Carbon Design System</Link>.
<Link inline href="https://www.carbondesignsystem.com/">
Carbon Design System
</Link>.
</div>
### Link with icon
@ -39,21 +47,31 @@ Note that `inline` must be `false` when rendering a link with an icon.
<div>
Visit the
<Link href="https://www.carbondesignsystem.com/" icon={Carbon}>Carbon Design System</Link>.
<Link href="https://www.carbondesignsystem.com/" icon={Carbon}>
Carbon Design System
</Link>.
</div>
### Large size
<Link size="lg" href="https://www.carbondesignsystem.com/">Carbon Design System</Link>
<Link size="lg" href="https://www.carbondesignsystem.com/">
Carbon Design System
</Link>
### Small size
<Link size="sm" href="https://www.carbondesignsystem.com/">Carbon Design System</Link>
<Link size="sm" href="https://www.carbondesignsystem.com/">
Carbon Design System
</Link>
### Disabled
<Link disabled href="https://www.carbondesignsystem.com/">Carbon Design System</Link>
<Link disabled href="https://www.carbondesignsystem.com/">
Carbon Design System
</Link>
### Visited styles
<Link visited href="https://www.carbondesignsystem.com/">Carbon Design System</Link>
<Link visited href="https://www.carbondesignsystem.com/">
Carbon Design System
</Link>