Бумажная кнопка всегда как верхний регистр

Я использую Paper-Button, но я столкнулся с проблемой, что текст кнопки всегда получает заглавный или обычный случай. Я не вижу, чтобы какое-либо свойство CSS или Javascript применялось, чтобы сделать его верхним регистром. Как решить эту проблему.

Ответ 1

Как уже упоминалось в комментариях выше, спецификация дизайна материалов для кнопок указывает, что текст должен быть прописным, но вы можете легко переопределить его свойство CSS:

paper-button {
  text-transform: none;
}

Ответ 2

У меня была та же проблема, и я решил проблему, настроив тему по умолчанию. Добавьте следующий код в файл (имя по вашему выбору).js

import { createMuiTheme } from '@material-ui/core/styles';

const theme = createMuiTheme({      
  typography: {
    button: {
      textTransform: 'none'
    }
  }
});

export default theme;

Затем вы можете добавить файл в свое приложение в index.js. Я назвал это theme.js:

...
import theme from './theme';    
...
const app = (
  <ThemeProvider theme={theme}>
    <CssBaseline />
    <App />
  </ThemeProvider>
);

ReactDOM.render(app, document.getElementById('root'));