mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
31 lines
677 B
JavaScript
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>
|
|
);
|
|
}
|