mirror
/
shoelace
kopia lustrzana https://github.com/shoelace-style/shoelace
1
0
Forkuj 0
Kod Zgłoszenia Packages Projekty Wydania Wiki Aktywność

fix example

pull/1050/head
Cory LaViska 2022-12-01 16:01:45 -05:00
rodzic 3945571b20
commit a313087937
1 zmienionych plików z 2 dodań i 2 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

4
docs/components/details.md
Wyświetl plik

@ -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. 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 ```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="plus-square" slot="expand-icon"></sl-icon>
<sl-icon name="dash-square" slot="collapse-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> </sl-details>
<style> <style>
sl-details.custom-icon::part(summary-icon) { sl-details.custom-icons::part(summary-icon) {
/* Disable the expand/collapse animation */ /* Disable the expand/collapse animation */
rotate: none; rotate: none;
} }