A shared folder with AI prompts and code snippets
From workspace: Bolt
Team: Main
Total snippets: 7
7 snippets
Introduce pagination to an existing list with next/previous navigation.
Add pagination to this list view. Limit items per page and provide next/previous buttons. Include: – Page limit: 10 items – Buttons: “Previous” and “Next” – Maintain scroll position on switch
Allow users to upload files through a drag & drop or file picker.
Add file upload functionality using a drag & drop zone or file picker. Include: – Limit file types to .png, .jpg, .pdf – Show preview of uploaded file – Max file size: 5MB
Introduce toast notifications to show success, error, or info messages.
Add toast notifications that display feedback after key user actions. Include: – Use a consistent toast component – Support success, error, info variants – Automatically disappear after 3s
Add a button to toggle between light and dark themes using Tailwind or CSS variables.
Add a toggle switch to switch between light and dark themes. Include: – Use Tailwind’s dark mode or CSS variables – Store theme preference in localStorage – Apply immediately on toggle
Add a functional search bar component to filter displayed items by title or keyword.
Add a search bar component above the item list that filters items in real time based on the input. Include: – Use debounce on input – Match partial and case-insensitive queries – Show “No results” when empty
Show a spinner during asynchronous data loading or form submission.
Add a loading spinner during fetch or form submission. Include: – Spinner should appear above content or inside the button – Remove it automatically after response – Avoid blocking UI
Add a modal window triggered by a button to show detailed content or form.
Create a modal component that opens from a button click. Include: – Dimmed background – Close button inside modal – Escape key to dismiss modal