I want this in a dropdown. On the right side, I need a dropdown in the same input, the user can select fixed or percentage. Also, there will be changes on the input left side.
198d ago
I'll create a discount input component with the dropdown for selecting between fixed and percentage options as shown in the image.
The component I've created includes:
- A card layout with a header, content area, and footer
- An input field with dynamic prefix icon ($ or %) based on the selected discount type
- A dropdown on the right side of the input to select between "Fixed" and "Percentage" options
- "Cancel" and "Submit" buttons with the appropriate styling
The component handles state changes when switching between discount types, updating the prefix icon accordingly. The input and dropdown are styled to appear as a single connected component, with the dropdown on the right side as requested.
198d ago