mirror of
https://github.com/LukeHagar/website.git
synced 2025-12-06 12:57:48 +00:00
feat: add icon component
This commit is contained in:
@@ -178,3 +178,9 @@ Lorem ipsum dolor sit amet consectetur.
|
|||||||
Lorem ipsum dolor sit amet consectetur.
|
Lorem ipsum dolor sit amet consectetur.
|
||||||
{% /info %}
|
{% /info %}
|
||||||
```
|
```
|
||||||
|
|
||||||
|
#### Icon
|
||||||
|
|
||||||
|
```
|
||||||
|
{% icon icon="github" /%}
|
||||||
|
```
|
||||||
|
|||||||
5
src/markdoc/tags/Icon.svelte
Normal file
5
src/markdoc/tags/Icon.svelte
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
export let icon: string;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<span class={`icon-${icon}`}></span>
|
||||||
@@ -4,4 +4,5 @@
|
|||||||
export { default as Info } from './Info.svelte';
|
export { default as Info } from './Info.svelte';
|
||||||
export { default as Tabs } from './Tabs.svelte';
|
export { default as Tabs } from './Tabs.svelte';
|
||||||
export { default as TabsItem } from './TabsItem.svelte';
|
export { default as TabsItem } from './TabsItem.svelte';
|
||||||
|
export { default as Icon } from './Icon.svelte';
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Reference in New Issue
Block a user