modalForms.md

Modals

Format

// This format is for the modalForms file that you will create in `src/interactions/modalForms`.
export const Modal = {
    name: "modalName",
    // Other Command Options
    run: (interaction, client) => {
        // Code Here
    }
};

Example Code

Modal Creation Code

import { ActionRowBuilder, ModalBuilder, TextInputBuilder, TextInputStyle } from "discord.js";

const modal = new ModalBuilder()
  .setCustomId('ExampleModal')
  .setTitle('My Modal');

const favoriteColorInput = new TextInputBuilder()
  .setCustomId('favoriteColorInput')
  .setLabel("What's your favorite color?")
  .setStyle(TextInputStyle.Short);

const hobbiesInput = new TextInputBuilder()
  .setCustomId('hobbiesInput')
  .setLabel("What's some of your favorite hobbies?")
  .setStyle(TextInputStyle.Paragraph);

const firstActionRow = new ActionRowBuilder().addComponents(favoriteColorInput);
const secondActionRow = new ActionRowBuilder().addComponents(hobbiesInput);

modal.addComponents(firstActionRow, secondActionRow);
await interaction.showModal(modal);

Modal Code

// Code for the `src/interactions/modalForms/exampleModal.js
export const Modal = {
    name: "ExampleModal",
    // Other Command Options
    run: (interaction) => {
        interaction.reply({
            content: "This modal is correctly functioning."
        });
    }
};