Estoy usando el componente FormControlLabel de MUI y la etiqueta siempre se coloca al final, incluso si configuro el accesorio labelPlacement en "inicio", "arriba" o "abajo".
Este es mi código:
<FormControlLabel
label="Connected account"
labelPlacement="start"
control={
<MDBox display="inline">
<MDTypography variant="caption" mr={2}>
Account Name
</MDTypography>
<MDButton
color="error"
size="small"
sx={{ m: "0.25rem" }}
onClick={() => disconnectAccount(idAccount)}
>
<MDTypography
fontSize="0.6rem"
color="white"
fontWeight="bold"
textTransform="uppercase"
>
Remove Account
</MDTypography>
</MDButton>
</MDBox>
}
sx={{
backgroundColor: "#f7fafc",
mb: "1rem",
borderRadius: "0.5rem",
pl: "1rem"
}}
/>
Así es como se ve la interfaz de usuario con labelPlacement configurado en "final" e "inicio", respectivamente, lo que significa que se agrega un margen izquierdo cuando se configura en "inicio":