About
className is the class attribute in React
Articles Related
Library
- clsx building conditional className
Instead of writing:
return (
<div
className={`MuiButton-root ${disabled ? 'Mui-disabled' : ''} ${selected ? 'Mui-selected' : ''}`}
/>
);
You write
import clsx from 'clsx';
return (
<div
className={clsx('MuiButton-root', {
'Mui-disabled': disabled,
'Mui-selected': selected,
})}
/>
);