2017-04-08 70 views
0

我想自定义TextField的浮动标签。如何自定义Material UI中的子组件

我知道创建一个新的工程如下图,但有没有更好的方法?

import TextFiled from 'material-ui/TextField'; 
 

 
class TextFiledNew extends Component { 
 
    static propTypes = { 
 

 
    } 
 
    render() { 
 
     return (
 
      <TextFiled 
 
       floatingLabelFixed={true} 
 
       floatingLabelStyle = {{top: '88px', textTransform: 'uppercase', letterSpacing: '0.1em'}} 
 
      /> 
 
     ) 
 
    } 
 
} 
 

 
module.exports = TextFiledNew

我试着不断变化的主题的方式,但它不工作。

const muiTheme = getMuiTheme({ 
 
    textField: { 
 
     floatingLabel:{ 
 
      top: '88px', 
 
      textTransform: 'uppercase', 
 
      letterSpacing: '0.1' 
 
     } 
 
    } 
 
});

回答

0

这工作就好了!我们在material-ui中使用几个组件,并在它们周围使用自定义包装。我们的EnhancedMenuItem让我们在某些情况下添加一些可选的图标和转换。绝对要试用图书馆,并做出自己的修改,以使其完全适合您的需求。

相关问题