2 回答

TA貢獻1836條經(jīng)驗 獲得超5個贊
您可以<Button>
?根據(jù)需要定制您的風格。
讓我們通過覆蓋按鈕的輪廓和大變體的<StyledButton>
樣式(填充)來創(chuàng)建。
import { withStyles } from "@material-ui/core/styles";
const styles = {
? outlinedSizeLarge: {
? ? padding: "6px 21px" // default is "7px 21px" https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Button/Button.js#L202
? }
};
const StyledButton = withStyles(styles)(Button);
然后你可以在你的組件中使用它:
<form onSubmit={this.props.onSubmit(this.state.text)}>
? ? <TextField id="task" label="Task" placeholder="e.g. Feed the fish" value={this.state.text} onChange={this.handleChange} color="secondary" variant="outlined" size="small"/>
? ? <StyledButton color="secondary" variant="outlined" endIcon={<AddIcon/>} size="large">Add</StyledButton>
</form>
結果:

TA貢獻1966條經(jīng)驗 獲得超4個贊
您是否嘗試使用variant
帶有 value 的屬性outlined
?
<Button variant='outlined' size='small'>Add</Button>
- 2 回答
- 0 關注
- 118 瀏覽
添加回答
舉報