2025-02-20 11:29:14 -03:00

31 lines
677 B
JavaScript

import {addToast, Button} from "@heroui/react";
export default function App() {
return (
<div className="flex flex-wrap gap-2">
{[
["None", "none"],
["Small", "sm"],
["Medium", "md"],
["Large", "lg"],
["Full", "full"],
].map((radius) => (
<Button
key={radius[1]}
radius={radius[1]}
variant={"flat"}
onPress={() =>
addToast({
title: "Toast title",
description: "Toast displayed successfully",
radius: radius[1],
})
}
>
{radius[0]}
</Button>
))}
</div>
);
}