Loading resource
Compositions
The application notes form and list, with saving, loading, and error states.
Use Notes inside DataProvider. Convex enforces personal ownership independently of team selection.
src/components/notes.tsx
Add or remove notes to see the list settle into place. Leave a draft while reversing the list to check that it stays intact.
The preview imports your production components. Open Code for the complete working example, including its imports.
Use Tab to inspect keyboard focus, switch themes, and try the controls. Reset restores the example’s initial state.