React-Rainbow组件颜色主题

问题描述

我有一个我最近开始开发的应用程序，并且我正在考虑转移到react-rainbow。有没有办法为所有react-rainbow组件设置颜色主题？

解决方法

通过使用<Application />组件作为整个应用程序的包装，可以进行自定义，组件属性主题将接受一个对象，您可以在其中指定调色板。

const theme = {
    rainbow: {
        palette: {
            brand: '#5c56b6',},};

<Application theme={theme}>
    <Button
        label="Button Brand"
        onClick={() => alert('clicked!')}
        variant="brand"
    />
    ...
</Application>

您可以在https://react-rainbow.io/#/Customization

中找到更多文档 ,

首先，您必须使用要添加的自定义创建对象，然后从react-rainbow-components导入Application并使用Application包装您的组件。最后，您将自定义对象作为prop主题传递给Application。这是一个例子。

Address adress = new Address("myStreet","myCity",null,null);