base-node

simple-ai/base-node

FreeComponent

simple-ai publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by simple-ai on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://simple-ai.dev/r/base-node.json

Source

./src/registry/ui/flow/base-node.tsxsimple-ai.dev/r/base-node.json

1import React from "react";
2import { cn } from "@/lib/utils";
3 
4export const BaseNode = React.forwardRef<
5	HTMLDivElement,
6	React.HTMLAttributes<HTMLDivElement> & { selected?: boolean }
7>(({ className, selected, ...props }, ref) => (
8	<div
9		ref={ref}
10		className={cn(
11			"relative rounded-md border bg-card p-5 text-card-foreground",
12			className,
13			selected ? "border-muted-foreground shadow-lg" : "",
14			"hover:ring-1",
15		)}
16		// biome-ignore lint/a11y/noNoninteractiveTabindex: Needed
17		tabIndex={0}
18		{...props}
19	/>
20));
21BaseNode.displayName = "BaseNode";

Files it writes

./src/registry/ui/flow/base-node.tsx

More from simple-ai

All 77 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
base-handlebase-handle	simple-ai	Components	Free	1 dep
Chat Inputchat-input	simple-ai	Components	Free	7 deps
Chat Messagechat-message	simple-ai	Components	Free	no deps
Chat Message Areachat-message-area	simple-ai	Components	Free	1 dep
Chat Suggestionschat-suggestions	simple-ai	Components	Free	no deps
Editable Handleeditable-handle	simple-ai	Components	Free	1 dep
Generate Text Nodegenerate-text-node	simple-ai	Components	Free	1 dep
JSON Schema Editorjson-schema-editor	simple-ai	Components	Free	1 dep