kris/reacord
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

use typescript for docs

Browse Source
This commit is contained in:
Domin-MND
2023-10-29 13:51:00 +03:00
parent a00fbc0631
commit a41c825cdd
7 changed files with 95 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
packages/website/src/content/guides/3-buttons.md
View File

@@ -8,10 +8,11 @@ slug: buttons
Use the `<Button />` component to create a message with a button, and use the `onClick` callback to respond to button clicks.
```jsx
```tsx
import { Button } from "reacord"
import { useState } from "react"
function Counter() {
export function Counter() {
const [count, setCount] = useState(0)
return (
@@ -25,12 +26,12 @@ function Counter() {
The `onClick` callback receives an `event` object. It includes some information, such as the user who clicked the button, and functions for creating new replies in response. These functions return message instances.
```jsx
import { Button } from "reacord"
```tsx
import { Button, type ComponentEvent } from "reacord"
function TheButton() {
function handleClick(event) {
const name = event.guild.member.displayName || event.user.username
export function SuspiciousButton() {
function handleClick(event: ComponentEvent) {
const name = event.guild.member.displayName ?? event.user.username
const publicReply = event.reply(`${name} clicked the button. wow`)
setTimeout(() => publicReply.destroy(), 3000)