In each component reference page, show how to use it in Toolpad

[prakhargupta1]

Duplicates

• [X] I have searched the existing issues

Latest version

• [X] I have tested the latest version

Summary 💡

Many users land on the components page and look for examples of how to use the component. We can add images/videos showing how to use the component and its props.

Benchmarks

https://retool.com/components/checkbox https://docs.appsmith.com/reference/widgets/checkbox https://docs.superblocks.com/applications/components-library/checkbox?_gl=1*186z4a7*_gcl_au*MTIwNDcwNDE3Mi4xNjg2MDQ2MjM0

We should also add guides for complex components like datagrid, tab. Example: https://docs.retool.com/apps/web/guides/components/table We could move the existing data grid how to guides to this component guide.

• [x] Data grid
• [x] Button
• [x] List
• [x] Datepicker
• [x] TextField
• [ ] ...

[prakhargupta1]

I am closing it as we have a few component guides now. We'll keep adding more.