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

docs: add component grid

Browse source
This commit is contained in:
Eric Liu 2020-07-24 17:19:19 -07:00
commit 3fa388bd3d
16 changed files with 548 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

35
docs/src/routes/components/index.svelte
View file

@ -10,7 +10,13 @@
export let data = [];
import { getContext, onMount } from "svelte";
import { UnorderedList, ListItem, Link } from "carbon-components-svelte";
import {
Row,
Column,
UnorderedList,
ListItem,
Link,
} from "carbon-components-svelte";
const ctx = getContext("navigation");
@ -31,22 +37,19 @@
});
</script>
<style>
h1 {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
</style>
<svelte:head>
<title>Components</title>
</svelte:head>
<h1>Components</h1>
<UnorderedList>
{#each data as data, i (data.title)}
<ListItem>
<Link rel="prefetch" href="components/{data.slug}">{data.title}</Link>
</ListItem>
{/each}
</UnorderedList>
<Row>
<Column>
<h1>Components</h1>
<UnorderedList>
{#each data as data, i (data.title)}
<ListItem>
<Link rel="prefetch" href="components/{data.slug}">{data.title}</Link>
</ListItem>
{/each}
</UnorderedList>
</Column>
</Row>