From a31308793747caa48375d1547b7a42e9968aec8c Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Thu, 1 Dec 2022 16:01:45 -0500
Subject: [PATCH] fix example

---
 docs/components/details.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/components/details.md b/docs/components/details.md
index 0f60eda4..1c2c6fab 100644
--- a/docs/components/details.md
+++ b/docs/components/details.md
@@ -51,7 +51,7 @@ const App = () => (
 Use the `expand-icon` and `collapse-icon` slots to change the expand and collapse icons, respectively. To disable the animation, override the `rotate` property on the `summary-icon` part as shown below.
 
 ```html preview
-<sl-details summary="Toggle Me" class="custom-icon">
+<sl-details summary="Toggle Me" class="custom-icons">
   <sl-icon name="plus-square" slot="expand-icon"></sl-icon>
   <sl-icon name="dash-square" slot="collapse-icon"></sl-icon>
 
@@ -60,7 +60,7 @@ Use the `expand-icon` and `collapse-icon` slots to change the expand and collaps
 </sl-details>
 
 <style>
-  sl-details.custom-icon::part(summary-icon) {
+  sl-details.custom-icons::part(summary-icon) {
     /* Disable the expand/collapse animation */
     rotate: none;
   }