Skip to content

Commit 5da5b61

Browse files
favnafavna
committed
docs: update examples on Astro docs
1 parent c40f6c0 commit 5da5b61

File tree

1 file changed

+107
-51
lines changed

1 file changed

+107
-51
lines changed

‎packages/documentation/src/lit/components/DiscordComponentsWrapper.ts

+107-51
Original file line numberDiff line numberDiff line change
@@ -477,60 +477,116 @@ export class DiscordComponentsWrapper extends LitElement {
477477
>Link</discord-button
478478
>
479479
</discord-action-row>
480-
<dicord-action-row>
481-
<discord-string-select-menu>
482-
<discord-string-select-menu-option
483-
label="Label"
484-
description="Description"
485-
emoji="https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/eyes.svg"
486-
></discord-string-select-menu-option>
487-
<discord-string-select-menu-option
488-
label="Label no Emoji"
489-
description="Description no Emoji"
490-
></discord-string-select-menu-option>
491-
</discord-string-select-menu>
492-
</dicord-action-row>
493-
<dicord-action-row>
494-
<discord-string-select-menu disabled placeholder="Disabled Select Menu">
495-
<discord-string-select-menu-option
496-
label="Test"
497-
description="Test"
498-
emoji="https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/eyes.svg"
499-
></discord-string-select-menu-option>
500-
<discord-string-select-menu-option label="Teste2"> </discord-string-select-menu-option>
501-
</discord-string-select-menu>
502-
</dicord-action-row>
503-
<dicord-action-row>
504-
<discord-string-select-menu placeholder="overflow">
505-
<discord-string-select-menu-option
506-
label="Favna"
507-
description="I am a developer hailing from The Netherlands"
508-
></discord-string-select-menu-option>
509-
<discord-string-select-menu-option
510-
label="Kira"
511-
description="I am an enthusiast videogame development"
512-
></discord-string-select-menu-option>
513-
<discord-string-select-menu-option
514-
label="Marciel404"
515-
description="I am a back-end developer and front-end"
516-
></discord-string-select-menu-option>
517-
<discord-string-select-menu-option
518-
label="Skyra"
519-
description="Skyra 6.3.0 [Sapphire Edition] is a multi-purpose Discord Bot designed to run the majority of tasks in your server with great performance and uptime. I use the Sapphire Framework for the Discord.js library. "
520-
></discord-string-select-menu-option>
521-
<discord-string-select-menu-option
522-
label="Iriss"
523-
description="Iriss is a bot focused on suggestion management. This is an HTTP only bot built on top of Skyra HTTP Framework."
524-
></discord-string-select-menu-option>
525-
<discord-string-select-menu-option
526-
label="Nekokai"
527-
description="Nekokai is a bot focused in information and media from anime and manga. This is an HTTP only bot built on top of Skyra HTTP Framework."
528-
></discord-string-select-menu-option>
529-
</discord-string-select-menu>
530-
</dicord-action-row>
531480
</discord-attachments>
532481
</discord-message>
533482
</discord-messages>
483+
484+
<h3 class="title">Select Menu in Default theme!</h3>
485+
<discord-messages>
486+
<discord-message profile="skyra">
487+
<discord-attachments slot="components">
488+
<discord-string-select-menu>
489+
<discord-string-select-menu-option
490+
label="Label"
491+
description="Description"
492+
emoji="https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/eyes.svg"
493+
></discord-string-select-menu-option>
494+
<discord-string-select-menu-option
495+
label="Label no Emoji"
496+
description="Description no Emoji"
497+
></discord-string-select-menu-option>
498+
</discord-string-select-menu>
499+
<discord-string-select-menu disabled placeholder="Disabled Select Menu">
500+
<discord-string-select-menu-option
501+
label="Test"
502+
description="Test"
503+
emoji="https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/eyes.svg"
504+
></discord-string-select-menu-option>
505+
<discord-string-select-menu-option label="Teste2"> </discord-string-select-menu-option>
506+
</discord-string-select-menu>
507+
<discord-string-select-menu placeholder="overflow">
508+
<discord-string-select-menu-option
509+
label="Favna"
510+
description="I am a developer hailing from The Netherlands"
511+
></discord-string-select-menu-option>
512+
<discord-string-select-menu-option
513+
label="Kira"
514+
description="I am an enthusiast videogame development"
515+
></discord-string-select-menu-option>
516+
<discord-string-select-menu-option
517+
label="Marciel404"
518+
description="I am a back-end developer and front-end"
519+
></discord-string-select-menu-option>
520+
<discord-string-select-menu-option
521+
label="Skyra"
522+
description="Skyra 6.3.0 [Sapphire Edition] is a multi-purpose Discord Bot designed to run the majority of tasks in your server with great performance and uptime. I use the Sapphire Framework for the Discord.js library. "
523+
></discord-string-select-menu-option>
524+
<discord-string-select-menu-option
525+
label="Iriss"
526+
description="Iriss is a bot focused on suggestion management. This is an HTTP only bot built on top of Skyra HTTP Framework."
527+
></discord-string-select-menu-option>
528+
<discord-string-select-menu-option
529+
label="Nekokai"
530+
description="Nekokai is a bot focused in information and media from anime and manga. This is an HTTP only bot built on top of Skyra HTTP Framework."
531+
></discord-string-select-menu-option>
532+
</discord-string-select-menu>
533+
</discord-attachments>
534+
</discord-message>
535+
</discord-messages>
536+
537+
<h3 class="title">Select Menu in light theme!</h3>
538+
<discord-messages light-theme>
539+
<discord-message profile="skyra">
540+
<discord-attachments slot="components">
541+
<discord-string-select-menu>
542+
<discord-string-select-menu-option
543+
label="Label"
544+
description="Description"
545+
emoji="https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/eyes.svg"
546+
></discord-string-select-menu-option>
547+
<discord-string-select-menu-option
548+
label="Label no Emoji"
549+
description="Description no Emoji"
550+
></discord-string-select-menu-option>
551+
</discord-string-select-menu>
552+
<discord-string-select-menu disabled placeholder="Disabled Select Menu">
553+
<discord-string-select-menu-option
554+
label="Test"
555+
description="Test"
556+
emoji="https://raw.githubusercontent.com/skyra-project/discord-components-implementations/main/shared/public/eyes.svg"
557+
></discord-string-select-menu-option>
558+
<discord-string-select-menu-option label="Teste2"> </discord-string-select-menu-option>
559+
</discord-string-select-menu>
560+
<discord-string-select-menu placeholder="overflow">
561+
<discord-string-select-menu-option
562+
label="Favna"
563+
description="I am a developer hailing from The Netherlands"
564+
></discord-string-select-menu-option>
565+
<discord-string-select-menu-option
566+
label="Kira"
567+
description="I am an enthusiast videogame development"
568+
></discord-string-select-menu-option>
569+
<discord-string-select-menu-option
570+
label="Marciel404"
571+
description="I am a back-end developer and front-end"
572+
></discord-string-select-menu-option>
573+
<discord-string-select-menu-option
574+
label="Skyra"
575+
description="Skyra 6.3.0 [Sapphire Edition] is a multi-purpose Discord Bot designed to run the majority of tasks in your server with great performance and uptime. I use the Sapphire Framework for the Discord.js library. "
576+
></discord-string-select-menu-option>
577+
<discord-string-select-menu-option
578+
label="Iriss"
579+
description="Iriss is a bot focused on suggestion management. This is an HTTP only bot built on top of Skyra HTTP Framework."
580+
></discord-string-select-menu-option>
581+
<discord-string-select-menu-option
582+
label="Nekokai"
583+
description="Nekokai is a bot focused in information and media from anime and manga. This is an HTTP only bot built on top of Skyra HTTP Framework."
584+
></discord-string-select-menu-option>
585+
</discord-string-select-menu>
586+
</discord-attachments>
587+
</discord-message>
588+
</discord-messages>
589+
534590
<h3 class="title">Verified Discord bots</h3>
535591
<discord-messages>
536592
<discord-message profile="skyra"> Wow I just got verified! </discord-message>

0 commit comments

Comments
 (0)