[DateField] Add icon example

techniq · Mar 18, 2022 · 86dfd0a · 86dfd0a
1 parent 3a1c82a
commit 86dfd0a
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/routes/docs/components/DateField.md b/src/routes/docs/components/DateField.md
@@ -6,6 +6,8 @@ filename: $filename
 <script>
   import { addDays } from 'date-fns';
 
+  import { mdiCalendarStart, mdiCalendarEnd } from '@mdi/js';
+
   import api from '$lib/components/DateField.svelte?raw&sveld';
   import ApiDocs from '$lib/components/ApiDocs.svelte';
 
@@ -60,6 +62,15 @@ filename: $filename
   <DateField label="Birth date" />
 </Preview>
 
+## Icon
+
+<Preview>
+  <div class="grid gap-2">
+    <DateField label="Start date" icon={mdiCalendarStart} />
+    <DateField label="End date" icon={mdiCalendarEnd} />
+  </div>
+</Preview>
+
 ## Error
 
 <Preview>