Components
Loading preview...
A comprehensive spreadsheet component with all the essential features you'd expect from a spreadsheet application. The component includes cell selection, editing capabilities, keyboard navigation, and a clean Excel-like interface. You can customize the number of rows and columns, and it handles all the standard spreadsheet interactions seamlessly.
npx shadcn@latest add https://21st.dev/r/designali-in/spreadsheetimport { Spreadsheet } from "@/components/ui/spreadsheet";
export default function DemoOne() {
return (
<div className="relative flex h-screen w-full flex-col items-center justify-center overflow-hidden bg-purple-700">
<Spreadsheet rows={10} cols={6} className="shadow-2xl" />
</div>
)
}