Home > @lynx-js/react-rsbuild-plugin > PluginReactLynxOptions > customCSSInheritanceList

#PluginReactLynxOptions.customCSSInheritanceList property

When PluginReactLynxOptions.enableCSSInheritance is enabled, customCSSInheritanceList can control which properties are inheritable, not just the default ones.

Signature:

customCSSInheritanceList?: string[] | undefined;

#Example

By setting customCSSInheritanceList: ['direction', 'overflow'], only the direction and overflow properties are inheritable.

import { defineConfig } from '@lynx-js/rspeedy'

export default defineConfig({
 plugins: [
   pluginReactLynx({
     enableCSSInheritance: true,
     customCSSInheritanceList: ['direction', 'overflow']
   }),
 ],
}