CSS lines with inline color swatch squares next to each hex value.
--primary: #f43f5e;--accent: #8b5cf6;--surface: #0ea5e9;
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Editor26 } from "@/components/beste/piece/editor26";
<Editor26
colors={[
{
"key": "--primary",
"value": "#f43f5e"
},
{
"key": "--accent",
"value": "#8b5cf6"
},
{
"key": "--surface",
"value": "#0ea5e9"
}
]}
/>