discord.js-pages
Version:
Dynamic pages pagination module for discord.js
91 lines (77 loc) • 2.58 kB
Markdown
<h1 align="center">
<b>discord.js-pages</b>
</h1>
<p align="center">
📦 Dynamic pages pagination module for <a href="https://github.com/discordjs/discord.js">discord.js</a>
<br>
<br>
<a href="https://npmjs.com/package/discord.js-pages">
<img src="https://badge.fury.io/js/discord.js-pages.svg" alt="npm version" height="18">
</a>
| 📖 [Documentation](https://mrzillagold.github.io/discord.js-pages/index.html) | [🤖 Examples](https://github.com/MrZillaGold/discord.js-pages/tree/master/examples) |
|-------------------------------------------------------------------------------|-------------------------------------------------------------------------------------|
</p>
### Install 📦
`npm i discord.js-pages`
### Usage 📦
```js
import { PagesBuilder, PagesManager } from 'discord.js-pages';
import { Client, EmbedBuilder } from 'discord.js';
const client = new Client({
intents: [
'Guilds'
]
});
const pagesManager = new PagesManager();
// Middleware is useful in bots with modular commands
client.on('interactionCreate', (interaction) => {
if (!interaction.isCommand()) {
return;
}
pagesManager.middleware(interaction);
interaction.pagesBuilder()
.setTitle('Global title')
.setPages([
new EmbedBuilder()
.setDescription('First page'),
new EmbedBuilder()
.setDescription('Second page')
])
.addFields([
{
name: 'Global field',
value: 'discord.js-pages',
inline: true
}
])
.setColor('Green')
.setPaginationFormat()
.build();
});
// Also you can create PagesBuilder instance directly
client.on('interactionCreate', (interaction) => {
if (!interaction.isCommand()) {
return;
}
new PagesBuilder(interaction)
.setTitle('Global title')
.setPages([
new EmbedBuilder()
.setDescription('First page'),
new EmbedBuilder()
.setDescription('Second page')
])
.addFields([
{
name: 'Global field',
value: 'discord.js-pages',
inline: true
}
])
.setColor('Green')
.build();
});
client.login(process.env.TOKEN);
```
### Demo 🎥
<img src="https://github.com/MrZillaGold/discord.js-pages/raw/master/.github/demo.gif" height="500">