1.1.2 • Published 2 years ago

discord-modal-v12 v1.1.2

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

image

Install :

npm i discord-modal-v12
  • Warning :!!!!!!!!! This Package Working Only in V12

Define Discord Library Client :

const Discord = require('discord.js')
const DiscordModal = require('discord-modal-v12')
const client = new Discord.Client()
const modal = new DiscordModal.MessageCollector(client)

client.login('super hero token')

Create New Modal Constrcutor :

const modal = new DiscordModal.MessageCollector(client)
modal.on('message',message => {
  if(message.content === 'send-button') {
    if(message.author.bot) return
let row = new DiscordModal.ActionRow()
.addComponents(
    new DiscordModal.Button()
    .setStyle(1)
    .setCustomId('shuruhatik')
    .setLabel('click to show modal')

)
message.channel.send(row)
  }
  })

image

Receive Button Clicks And Show The Modal :

modal.on('clickButton',button => {
   let modal  = new DiscordModal.ModalActionRow()
   .setLabel('Hello Welcome Back')
   .setCustomId('modal1')
   .addComponents(
       new DiscordModal.TextInput()
       .setCustomId('1')
       .setStyle('short')
       .setLabel('Your Name : ')
       .setRequired(true)
       .setMax(10)
       .setMin(3),
       new DiscordModal.TextInput()
       .setCustomId('2')
       .setStyle('paragraph')
       .setLabel('About You: ')
       .setRequired(true)
       .setMax(10)
       .setMin(3),

   )
   button.viewModal(modal)
})

image

Receive Modals Submit :

modal.on('modalSubmit',modal => {
    const reply1 = modal.getInputValue('1') ///Here TextInput CustomID
    const reply2 = modal.getInputValue('2')///Here TextInput CustomID
    modal.reply({content: `
    hi!
    Your Name  : ${reply1}

    About You : ${reply2}
    `})
})

image