design a compentes that dipaly a title Referance mode text box label referance type dropdown view rug with the size like 230 x 300 mm box 22 X233X mm or a buttton that says add a cosutm size give the user a new view that allow the add the size and a color and create this one in his dropdown view
Loading...
Loading...
Develop an interactive component with a horizontal layout. The component should display a title, a reference mode selection, a text box for a label, and a reference type dropdown. Include a visual representation of a rug, with dimensions specified as 230mm x 300mm. Provide a text box to display the rug's size, such as '22mm x 233mm'. Add a button labeled 'Add Custom Size'. Upon clicking this button, present the user with a new, interactive view. This view should allow the user to input custom dimensions and select a color for the rug. The custom size and selected color should then be dynamically added to the reference type dropdown for future selection. Ensure the component is user-friendly and visually intuitive.