0
261
Visualizações¿Cómo evitar que el tamaño de entrada se reduzca en un componente espacial? [y]
Mi entrada toma todo el ancho, que es un comportamiento exceptuado.
<Input placeholder='Filter' style={{ marginBottom: 50}}/>
Ahora necesito agregar un botón detrás de esta entrada. Decidí usar el componente Espacio, pero luego la entrada se redujo. ¿Cómo puedo hacer que una entrada llene todo el espacio en un componente Space?
<Space> <Input placeholder='Filter'/> <Button type='primary'>Filter</Button> </Space> 
·
Juan Pablo Isaza
1 Respostas
Responde à pergunta0
Es mejor que solo uses un div . Mi experiencia personal con AntD es que es realmente difícil "personalizar" diseños/espaciados usando sus componentes, incluso cuando se intenta diseñarlos con el atributo de style .
// Works <div style={{ display: "flex", gap: "8px" }}> <Input placeholder='Filter'/> <Button type='primary'>Filter</Button> </div> // Doesn't work <Space style={{ display: "flex" }}> <Input placeholder='Filter' style={{ flex: "auto" }} /> <Button type='primary'>Filter</Button> </Space>
·
Juan Pablo Isaza
Relatório
Responde à pergunta