A
Anonymous

Festivals C R U D Component - Copy this Html, Bootstrap Component to your project

Design a minimalistic and beautiful user interface for a CRUD component of a table called 'Festivals'. This interface should allow the user to create, update, and delete records for the following fields: [FestivalId], [Nombre] (Name), [FechaInicio] (Start Date), [FechaFin] (End Date), [Ubicacion] (Location), [NumeroEdiciones] (Number of Editions), and [Descripcion] (Description). The layout should include: Main Screen: A clean table view displaying all the festivals with columns for each of the fields, except [FestivalId] which should remain hidden. Each row should have 'Edit' and 'Delete' buttons for easy management. Form Section: A minimalistic form that allows the user to input and update information for all the fields (except [FestivalId], which is auto generated). Use placeholders and clear labels for each field. Use a date picker for the [FechaInicio] and [FechaFin] fields. Action Buttons: Include buttons like 'Add Festival' (to open the form for a new entry), 'Save', 'Cancel', and 'Delete' with a simple, sleek design. Styling: Ensure a minimalistic look with ample white space, soft color tones, and clear typography. Use modern UI elements like modals for form submissions and hover effects for buttons."

Prompt
Component Preview

About

Festivals CRUD Component - Manage festivals with a clean table, edit/delete options, date pickers, and a minimal form. Built with HTML. View and copy code!

Share

Last updated 1 month ago