RS
REPLY Shippers

Styled Card - Copy this React, Mui Component to your project

Create/Edit Division Screen: Simplified and Organized Form This screen should allow easy creation or editing of division details. The layout and fields need to be intuitive. Form Fields: Division ID: Auto-generated or manually entered (ensure it’s unique). Name: Division name (e.g., "Corporate Office"). Address: Full address field (e.g., "100 Dallas Ave"). City, State, Zip: Easily fillable fields for quick entry. Phone: Division's contact phone number. Fax: Optional fax number. Website: Option to add the division's website, if applicable. Federal ID: Optional field for business tax ID. Logo Upload: Provide an option to upload a division-specific logo. This should display as an image preview once uploaded. Status: A toggle button or dropdown to mark the division as active or inactive. Save & Cancel: Save: Button to save the division details after input. Cancel: Button to cancel the changes and return to the previous screen.

Prompt
Component Preview

About

StyledCard - Create or edit division details with auto-generated ID, address fields, logo upload, status toggle, and save/cancel button. Get free template!

Share

Last updated 1 month ago