Question

我正在尝试修改React的Shopify Polaris Button组件颜色，我试图更改style.css文件，但什么都没发生。

知道怎么做吗？

App.js

import React, { Component } from 'react';
import '@shopify/polaris/styles.css';
import {Page, Card, Button} from '@shopify/polaris';


class App extends Component {
  render() {
    return (
      <div className="App">
        <Page title="Example app">
          <Card sectioned>
            <Button onClick={() => alert('Button clicked!')}>Example button</Button>
          </Card>
       </Page>
     </div>
   );
 }
}

export default App;

我正在尝试修改node_modules/@shopify/polaris/styles.css，但它不会对按钮颜色产生任何影响。

Answer 1

Polaris设计系统旨在为Shopify生态系统中的应用程序提供一致性。它不是替代Bootstrap或Foundation之类的东西，所以更改按钮颜色不是我们构建要支持的库。

修改Shopify Polaris样式 - Reactjs

1 个答案: