Skip to content

itsMapleLeaf/reacord

Repository files navigation

Reacord: Create interactive Discord messages using React

Installation ∙ npm

# npm
npm install reacord react discord.js

# yarn
yarn add reacord react discord.js

# pnpm
pnpm add reacord react discord.js

Get Started

Visit the docs to get started.

Example

import { useState } from "react"
import { Embed, Button } from "reacord"

function Counter() {
  const [count, setCount] = useState(0)

  return (
    <>
      <Embed title="Counter">
        This button has been clicked {count} times.
      </Embed>
      <Button
        label="+1"
        onClick={() => setCount(count + 1)}
      />
    </>
  )
}

Counter demo