Homework
This challenge is a critical first step to understand how Embeddable works. In 15–25 minutes, you’ll build a simple React dropdown component and make it available in Embeddable’s no-code builder.
Importantly, you can test your component locally using the Preview workspace - allowing you to see changes instantly:
npm run embeddable:login
npm run embeddable:dev1. Create a React Dropdown
- Build a basic dropdown component (see React Select Docs (opens in a new tab) for guidance).
- Your component should take a dataset and a dimension as inputs.
- The dropdown should list the values from the selected dimension.
2. Make your dropdown interactive
- When a user selects an option, the component should fire an event that updates a text variable.
- Check out the Text Input (opens in a new tab) to see a similar example.
3. Make It Available in Embeddable
- Push your component to your Embeddable Workspace.
- Create a new dashboard to test your dropdown.
Good luck, and have fun building your first interactive component!
If you need assistance, just message us in Slack.