wehub/triggerdotdev--trigger.dev
1
0
Fork 0
Code Issues Pull Requests Actions 2 Deployments Models Agent Notes Packages Projects Releases Wiki Activity

chore: import upstream snapshot with attribution

Browse Source
This commit is contained in:
wehub-resource-sync
2026-07-13 13:32:57 +08:00
commit cd420f9332
4811 changed files with 884702 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/webapp/app/routes/storybook.callout/route.tsx
+77
View File
@@ -0,0 +1,77 @@
import { EnvelopeIcon } from "@heroicons/react/20/solid";
import { useState } from "react";
import { AnimatedCallout } from "~/components/primitives/AnimatedCallout";
import { Button } from "~/components/primitives/Buttons";
import { Callout } from "~/components/primitives/Callout";
import { Header2 } from "~/components/primitives/Headers";
export default function Story() {
const [showAnimatedCallout, setShowAnimatedCallout] = useState(true);
return (
<div className="grid grid-cols-2">
<div className="flex flex-col items-start gap-y-4 p-4">
<Header2>Animated callout</Header2>
<Button
variant="secondary/small"
onClick={() => setShowAnimatedCallout((current) => !current)}
>
Toggle animated callout
</Button>
<AnimatedCallout show={showAnimatedCallout} variant="info">
This callout fades in and out
</AnimatedCallout>
<Header2>Callouts</Header2>
<Callout variant="info">This is an info callout</Callout>
<Callout variant="warning">This is a warning callout</Callout>
<Callout variant="error">This is an error callout</Callout>
<Callout variant="idea">This is an idea callout</Callout>
<Callout variant="success">This is a success callout</Callout>
<Callout variant="docs">This is a docs callout</Callout>
<Callout variant="success" icon={<EnvelopeIcon className="h-5 w-5 text-green-400" />}>
This callout has a custom icon
</Callout>
<Callout variant="pending">This is a pending callout</Callout>
<Callout variant="pricing">This is a pricing callout</Callout>
<Callout variant="error">
This is an error message which runs over multiple lines. This is an error message which
runs over multiple lines. This is an error message which runs over multiple lines.
</Callout>
</div>
<div className="flex flex-col items-start gap-y-4 p-4">
<Header2>Callouts with a link</Header2>
<Callout to="#" variant="info">
This is an info callout
</Callout>
<Callout to="#" variant="warning">
This is a warning callout
</Callout>
<Callout to="#" variant="error">
This is an error callout
</Callout>
<Callout to="#" variant="idea">
This is an idea callout
</Callout>
<Callout to="#" variant="docs">
This is a docs callout
</Callout>
<Callout to="#" variant="idea" icon={<EnvelopeIcon className="h-5 w-5 text-green-400" />}>
This callout has a custom icon
</Callout>
<Callout to="#" variant="pending">
This is a pending callout
</Callout>
<Callout to="#" variant="pricing">
This is a pricing callout
</Callout>
<Callout variant="info" to="https://google.com">
This uses an http link
</Callout>
<Callout to="#" variant="error">
This is an error message which runs over multiple lines. This is an error message which
runs over multiple lines. This is an error message which runs over multiple lines.
</Callout>
</div>
</div>
);
}