JavaScript join-classnames Examples

Example #1

File: SiteNav.js Project: eatrocks/react-starter

export default ({links=[], className=""}) => (
    <nav className={classes(styles.nav, className)}>
        {links.map( ({href, text}, i) => (
            <Link className={styles.link} key={i} to={href}>{text}</Link>)
        )}
    </nav>
);

Example #2

File: Button.js Project: eatrocks/react-starter

export default ({onClick, type="button", emphasis="primary", disabled=false, children, value="Submit", className}) => (
    <button
        type={type}
        onClick={onClick}
        className={classes(styles.button, styles[determineEmphasis(emphasis)], className)}
        disabled={disabled}
    >
        {children || value}
    </button>

);