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: use AspectRatio from library

Browse source
This commit is contained in:
Eric Liu 2020-10-15 17:21:46 -07:00
commit b0dbcb8f06
2 changed files with 1 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

16
docs/src/components/AspectRatio.svelte
View file

@ -1,16 +0,0 @@
<script>
/**
* @type {"2x1" | "16x9" | "4x3" | "1x1" | "3x4" | "9x16" | "1x2"}
*/
export let ratio = "2x1";
</script>
<div
{...$$restProps}
class:bx--aspect-ratio="{true}"
class="bx--aspect-ratio--{ratio} {$$restProps.class}"
>
<div class:bx--aspect-ratio--object="{true}">
<slot />
</div>
</div>

3
docs/src/components/TileCard.svelte
View file

@ -5,8 +5,7 @@
export let borderRight = false; export let borderRight = false;
export let borderBottom = false; export let borderBottom = false;
import { ClickableTile, Tile } from "carbon-components-svelte"; import { AspectRatio, ClickableTile, Tile } from "carbon-components-svelte";
import AspectRatio from "./AspectRatio.svelte";
import LogoGithub32 from "carbon-icons-svelte/lib/LogoGithub32"; import LogoGithub32 from "carbon-icons-svelte/lib/LogoGithub32";
import Launch20 from "carbon-icons-svelte/lib/Launch20"; import Launch20 from "carbon-icons-svelte/lib/Launch20";