您可以使用 Material-ui 中的 Grid 组件来创建自定义 Switch。将切换前后的文本都作为网格项。它看起来像这样:
<Grid component="label" container alignItems="center" spacing={1}>
<Grid item>Off</Grid>
<Grid item>
<Switch
checked={state.checked} // relevant state for your case
onChange={handleChange} // relevant method to handle your change
value="checked" // some value you need
/>
</Grid>
<Grid item>On</Grid>
</Grid>
Run Code Online (Sandbox Code Playgroud)
这是适合您的案例的沙箱的链接。
| 归档时间: |
|
| 查看次数: |
5117 次 |
| 最近记录: |