From daec25604f16362315389bc660781fa9a2db00b2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Kevin=20=C3=85berg=20Kultalahti?=
 <kevmodrome@users.noreply.github.com>
Date: Wed, 18 Nov 2020 15:41:47 +0100
Subject: [PATCH] docs: add conditional slot example (#5383)

---
 .../04-conditional-slots/App.svelte           | 13 ++++++++++
 .../04-conditional-slots/Profile.svelte       | 24 +++++++++++++++++++
 .../04-conditional-slots/meta.json            |  3 +++
 .../{04-modal => 05-modal}/App.svelte         |  0
 .../{04-modal => 05-modal}/Modal.svelte       |  0
 .../{04-modal => 05-modal}/meta.json          |  0
 6 files changed, 40 insertions(+)
 create mode 100644 site/content/examples/15-composition/04-conditional-slots/App.svelte
 create mode 100644 site/content/examples/15-composition/04-conditional-slots/Profile.svelte
 create mode 100644 site/content/examples/15-composition/04-conditional-slots/meta.json
 rename site/content/examples/15-composition/{04-modal => 05-modal}/App.svelte (100%)
 rename site/content/examples/15-composition/{04-modal => 05-modal}/Modal.svelte (100%)
 rename site/content/examples/15-composition/{04-modal => 05-modal}/meta.json (100%)

diff --git a/site/content/examples/15-composition/04-conditional-slots/App.svelte b/site/content/examples/15-composition/04-conditional-slots/App.svelte
new file mode 100644
index 0000000000..69142b807d
--- /dev/null
+++ b/site/content/examples/15-composition/04-conditional-slots/App.svelte
@@ -0,0 +1,13 @@
+<script>
+	import Profile from "./Profile.svelte";
+</script>
+
+<Profile>
+	<span slot="name">Bob</span>
+	<span slot="email">bob@email.com</span>
+</Profile>
+
+<Profile>
+	<span slot="name">Alice</span>
+	<span slot="phone">12345678</span>
+</Profile>
diff --git a/site/content/examples/15-composition/04-conditional-slots/Profile.svelte b/site/content/examples/15-composition/04-conditional-slots/Profile.svelte
new file mode 100644
index 0000000000..09026cd6d6
--- /dev/null
+++ b/site/content/examples/15-composition/04-conditional-slots/Profile.svelte
@@ -0,0 +1,24 @@
+<style>
+	section {
+		width: 200px;
+		display: grid;
+		grid-template-columns: 1fr 1fr;
+		padding: 16px;
+		box-shadow: 2px 2px 4px #dedede;
+		border: 1px solid #888;
+		margin-bottom: 16px;
+	}
+</style>
+
+<section>
+	<div>Name</div>
+	<slot name="name" />
+	{#if $$slots.email}
+		<div>Email</div>
+		<slot name="email" />
+	{/if}
+	{#if $$slots.phone}
+		<div>Phone</div>
+		<slot name="phone" />
+	{/if}
+</section>
diff --git a/site/content/examples/15-composition/04-conditional-slots/meta.json b/site/content/examples/15-composition/04-conditional-slots/meta.json
new file mode 100644
index 0000000000..95809f4c93
--- /dev/null
+++ b/site/content/examples/15-composition/04-conditional-slots/meta.json
@@ -0,0 +1,3 @@
+{
+	"title": "Conditional Slots"
+}
\ No newline at end of file
diff --git a/site/content/examples/15-composition/04-modal/App.svelte b/site/content/examples/15-composition/05-modal/App.svelte
similarity index 100%
rename from site/content/examples/15-composition/04-modal/App.svelte
rename to site/content/examples/15-composition/05-modal/App.svelte
diff --git a/site/content/examples/15-composition/04-modal/Modal.svelte b/site/content/examples/15-composition/05-modal/Modal.svelte
similarity index 100%
rename from site/content/examples/15-composition/04-modal/Modal.svelte
rename to site/content/examples/15-composition/05-modal/Modal.svelte
diff --git a/site/content/examples/15-composition/04-modal/meta.json b/site/content/examples/15-composition/05-modal/meta.json
similarity index 100%
rename from site/content/examples/15-composition/04-modal/meta.json
rename to site/content/examples/15-composition/05-modal/meta.json