Modal Selects (#7804)

* Add changelog skeleton

* Fix spacing for .md code highlighting

* Add modal selects

* Add interactions

* Fix Label interaction response

* Add Text Display modal

* Add changelog

* Add modal examples

* Add modal images

* note that we receive partial components for modal interactions (#7811)

Resolves https://canary.discord.com/channels/1317206872763404478/1317208024682725426/1413548555070865448

* fix: note about modal interactions was in the wrong place (#7812)

* Lossless webp

* Less repetetive wording

* Changelog reword

* Update docs/change-log/2025-09-10-more-modal-components.md

Co-authored-by: advaith <[email protected]>

---------

Co-authored-by: Lala Sabathil <[email protected]>
Co-authored-by: advaith <[email protected]>

Author: 3 people

docs/change-log/2025-09-10-more-modal-components.md

@@ -0,0 +1,25 @@
+---
+title: "Adding More Modal Components!"
+date: "2025-09-10"
+topics:
+- "Interactions"
+- "Components"
+---
+
+We've added more components to modals! All select menus (User, Role, Mentionable, Channel) are now fully supported in modals. In order to use a select menu in a modal, it must be placed inside a [Label](/docs/components/reference#label) component. We've also added the [Text Display](/docs/components/reference#text-display) component with markdown support as a top-level component in modals.
+
+#### Components Now Supported in Modals:
+
+- [**User Select**](/docs/components/reference#user-select)
+- [**Role Select**](/docs/components/reference#role-select)
+- [**Mentionable Select**](/docs/components/reference#mentionable-select)
+- [**Channel Select**](/docs/components/reference#channel-select)
+- [**Text Display**](/docs/components/reference#text-display)
+
+#### Getting Started
+
+- [Using Modal Components](/docs/components/using-modal-components) - Dive into creating a modal
+
+#### Developer Resources
+
+Check out our [Component Reference](/docs/components/reference) for details on all available components.

docs/components/reference.mdx

@@ -127,17 +127,23 @@ Sent in `APPLICATION_COMMAND` and `APPLICATION_COMMAND_AUTOCOMPLETE` interaction
 
 ###### Modal Submit Data Structure
 
-| Field      | Type                                                                                                                  | Description                          |
-|------------|-----------------------------------------------------------------------------------------------------------------------|--------------------------------------|
-| custom_id  | string                                                                                                                | The custom ID provided for the modal |
-| components | array of [modal submit component data](/docs/interactions/receiving-and-responding#interaction-response-object-modal) | Values submitted by the user         |
+| Field      | Type                                                                                                                                                | Description                          |
+|------------|-----------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------|
+| custom_id  | string                                                                                                                                              | The custom ID provided for the modal |
+| components | array of [component interaction response](/docs/interactions/receiving-and-responding#interaction-object-component-interaction-response-structures) | Values submitted by the user         |
 
 ###### Component Interaction Response Structures
 
-| Component                                                                                              |
-|--------------------------------------------------------------------------------------------------------|
-| [String Select](/docs/components/reference#string-select-string-select-interaction-response-structure) |
-| [Text Input](/docs/components/reference#text-input-text-input-interaction-response-structure)          |
+| Component                                                                                                             |
+|-----------------------------------------------------------------------------------------------------------------------|
+| [String Select](/docs/components/reference#string-select-string-select-interaction-response-structure)                |
+| [Text Input](/docs/components/reference#text-input-text-input-interaction-response-structure)                         |
+| [User Select](/docs/components/reference#user-select-user-select-interaction-response-structure)                      |
+| [Role Select](/docs/components/reference#role-select-role-select-interaction-response-structure)                      |
+| [Mentionable Select](/docs/components/reference#mentionable-select-mentionable-select-interaction-response-structure) |
+| [Channel Select](/docs/components/reference#channel-select-channel-select-interaction-response-structure)             |
+| [Text Display](/docs/components/reference#text-display-text-display-interaction-response-structure)                   |
+| [Label](/docs/components/reference#label-label-interaction-response-structure)                                        |
 
 ###### Resolved Data Structure