Content
cellsLanguages
import { Button } from "@/components/base/buttons/button";
export const SaveBar = ({ onSave }: { onSave: () => void }) => (
<div className="flex justify-end gap-3">
<Button color="secondary" size="sm">
Cancel
</Button>
<Button size="sm" onClick={onSave}>
Save changes
</Button>
</div>
);
npm i @untitledui/icons
npx untitledui add code-snippet
npm run dev
{
"name": "drumkit",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"test": "vitest run"
}
}
.line-numbers .shiki code .line::before {
content: counter(step);
counter-increment: step;
width: 49px;
margin-inline-end: 20px;
text-align: end;
}