Wondering what’s next for npm?Check out our public roadmap! »

    @patternfly/react-styles
    TypeScript icon, indicating that this package has built-in type declarations

    4.7.2 • Public • Published

    @patternfly/react-styles

    Library that provides CSS-in-JS capabilities

    Example

    import { css } from '@patternfly/react-styles';
    import styles from './Button.css';
     
    const Buttton = ({ isActive, isDisabled, children }) => (
      <button
        disabled={isDisabled}
        className={css(styles.button, isActive && styles.modifiers.active, isDisabled && styles.modifiers.disabled)}
      >
        {children}
      </button>
    );
    DOM output
    <button disabled="" class="pf-c-button pf-is-disabled">
      Hello World
    </button>

    Keywords

    none

    Install

    npm i @patternfly/[email protected]

    Version

    4.7.2

    License

    MIT

    Unpacked Size

    3.79 MB

    Total Files

    551

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar