Button & Component Builder

Action Rows

Maximum 5 action rows. Each row can have up to 5 buttons OR 1 select menu.

Add Components to Row 1

Discord Preview

Your Bot

Click a button or select an option!

Export Code

const { ActionRowBuilder, ButtonBuilder, StringSelectMenuBuilder, ButtonStyle, ComponentType } = require('discord.js');

const rows = [];

// Action Row 1
const row1 = new ActionRowBuilder()
;
rows.push(row1);

// Send the message with components
await interaction.reply({
  content: 'Here are your components!',
  components: rows
});