A Jupyter style notebook cell with a Run button beside a code editor frame and an optional output panel below. Good for interactive docs and playgrounds.
npx shadcn@latest add @minidev/notebook-cell
Loading the source for notebook-cell…
Registry Items
notebook-cell
Configuration
Name
notebook-cell
Type
UI
Description
A Jupyter style notebook cell with a Run button beside a code editor frame and an optional output panel below. Good for interactive docs and playgrounds.
Files · 1
Dependencies
npm packages
lucide-react
Registry items
https://ui.minidev.pro/r/code-editor-frame.json
https://ui.minidev.pro/r/icon-button.json
Registry Items
notebook-cell
Configuration
Name
notebook-cell
Type
UI
Description
A Jupyter style notebook cell with a Run button beside a code editor frame and an optional output panel below. Good for interactive docs and playgrounds.