New Feature Implementation

A shared folder with AI prompts and code snippets

From workspace: Bolt

Team: Main

Total snippets: 7

Bolt

New Feature Implementation

7 snippets

Add Pagination to List

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

Add File Upload Feature

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

Add Toast Notifications

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

Implement Dark Mode Toggle

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 Search Bar

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

Add Loading Spinner

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 Modal Window

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