djsx

About

JSX syntax for Discord.js builders.

Installation

npm install @l3dev/djsx
yarn add @l3dev/djsx
pnpm add @l3dev/djsx

Example Usage

Configure typescript to use @l3dev/djsx as the JSX runtime:

tsconfig.json

{
	"compilerOptions": {
		"jsx": "react-jsx",
		"jsxImportSource": "@l3dev/djsx"
	}
}

You can now use djsx in your jsx and .tsx files:

import { Modal, Label, TextInput } from "@l3dev/djsx/elements";

export function MyModal() {
	return (
		<Modal title="Modal">
			<text>Tell us about yourself!</text>
			<Label label="What's your favourite colour?">
				<TextInput style="Short" customId="favourite-colour" />
			</Label>
		</Modal>
	);
}