Customization on component

Prerequisite

https://kanasoftware.jira.com/wiki/x/3oRHGAE

Any component can be customized with respect to the use of the project.

Passing different component as children

function App() {
  return (
    <SelectV2>
        <MenuItem value={'filter'} key={10}>
          <Icon type='add-filter' fontSize='medium'/> Filters
        </MenuItem>
        <MenuItem value={'options'} key={20}>
          <Icon type='advancedOptions' fontSize='medium'/> Options
        </MenuItem>
        <MenuItem value={'settings'} key={30}>
          <Icon type='addSettings' fontSize='medium'/> Settings
        </MenuItem>
        </SelectV2>
  );
}
export default App;

Passing css changes

function App() {
  return (
    <SelectV2>
        <MenuItem value={'filter'} key={10} styles={{fontSize:'15px'}}>
          <Icon type='add-filter' fontSize='medium'/> Filters
        </MenuItem>
        <MenuItem value={'options'} key={20} styles={{fontWeight:'600'}}>
          <Icon type='advancedOptions' fontSize='medium' /> Options
        </MenuItem>
        <MenuItem value={'settings'} key={30} styles={{fontSize:'15px'}}>
          <Icon type='addSettings' fontSize='medium'/> Settings
        </MenuItem>
        </SelectV2>
  );
}
export default App;

Verint LUX Design System

Customization on component

Analytics

Related content