CLSX
- Використовуєтся коли повинно за якимись умовами длодавати або ні різні класи (з різним оформленням) на теги
npm install clsx
import clsx from "clsx"; const className = clsx( "first", 10, undefined && "second", true && "third", false ? "fourth" : "fifth" ); console.log(className); // "first 10 third fifth"
// src/components/Alert.jsx import clsx from "clsx"; import "./Alert.css"; const Alert = ({ variant, outlined, elevated, children }) => { return ( <p className={clsx( "alert", variant, outlined && "is-outlined", elevated && "is-elevated" )} > {children} </p> ); };