itsMapleLeaf / reacord

Create interactive Discord messages using React. ⚛

Home Page:https://reacord.mapleleaf.dev/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Create interactive Discord messages using React. ⚛

https://reacord.mapleleaf.dev/

License:MIT License


Languages

Language:TypeScript 83.7%Language:Astro 15.0%Language:CSS 0.9%Language:JavaScript 0.4%Language:Shell 0.1%