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

docs(clickable-tile): add "Prevent default behavior" example

Browse source
This commit is contained in:
Eric Liu 2022-03-19 07:17:18 -07:00
commit a3218b223f
1 changed files with 14 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

14
docs/src/pages/components/ClickableTile.svx
View file

@ -13,6 +13,20 @@ source: Tile/ClickableTile.svelte
Carbon Design System Carbon Design System
</ClickableTile> </ClickableTile>
### Prevent default behavior
Use the forwarded `click` event and invoke `e.preventDefault()` to prevent the native link behavior.
<ClickableTile
href="/"
on:click={(e) => {
e.preventDefault();
// custom behavior
}}
>
Carbon Design System
</ClickableTile>
### Light variant ### Light variant
<ClickableTile light href="https://www.carbondesignsystem.com/"> <ClickableTile light href="https://www.carbondesignsystem.com/">