search

datalayer-examples / jupyter-react-cra-example

🪐 ⚛️ Jupyter Create React App example.
https://jupyter-ui.datalayer.tech
MIT License
7 stars 1 forks source link

Inclusion of Widgets Toolbar on top of Notebook #5

Open Prahmodh-Raj1 opened 3 months ago

Prahmodh-Raj1 commented 3 months ago

I want to include the Widgets Toolbar in my Notebook as shown in the image below, kindly share any references to achieve this task. cc @echarles

image
echarles commented 3 months ago

You just have to add a Toolbar react component before the Notebook

There are a few example of such Toolbars here https://github.com/datalayer/jupyter-ui/tree/main/packages/react/src/examples/toolbars

Prahmodh-Raj1 commented 2 months ago

How do I get only the Text, Markdown, Code, Terminal , save and run all components in the Toolbar like the one mentioned in the Image? Since the Toolbar example provided in this example: https://github.com/datalayer/jupyter-ui/tree/main/packages/react/src/examples/toolbars has a lot of other dependencies that have to be installed along with it too.

It would be great if you could provide the props that need to be passed to the Toolbar component that could include these options only: (Text, Markdown, Code, Terminal , Save and Run All) cc @echarles