From a37a04748bdff287a41b7471db07f9d363ff863b Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Mon, 13 Jul 2020 14:46:39 -0400
Subject: [PATCH] Add summary slot

---
 src/components/details/details.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/details/details.tsx b/src/components/details/details.tsx
index daa4f8dd4..57be66b92 100644
--- a/src/components/details/details.tsx
+++ b/src/components/details/details.tsx
@@ -8,6 +8,7 @@ let id = 0;
  * @status stable
  *
  * @slot - The details' content.
+ * @slot summary - The details' summary. Alternatively, you can use the summary prop.
  *
  * @part base - The component's base wrapper.
  * @part summary - The details summary.
@@ -167,7 +168,7 @@ export class Details {
           onKeyDown={this.handleSummaryKeyDown}
         >
           <div part="summary" class="details__summary">
-            {this.summary}
+            <slot name="summary">{this.summary}</slot>
           </div>
 
           <span part="summary-icon" class="details__summary-icon">