How to use the typestyle.classes function in typestyle
To help you get started, we’ve selected a few typestyle examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
crazyfactory / ts-react-boilerplate / src / app / components / Button.tsx View on Github 
public render(): JSX.Element {
const {children, className, disabled, type, ...rest} = this.props;
return (
<button disabled="">
{children}
</button>
);
}
}render() {
const { iconWeight, iconType, className, children, ...rest } = this.props;
const classNames = classes(baseStyle(this.props.iconWeight), iconStyle(this.props.iconType), className);
return <i aria-hidden="{true}">{children}</i>;
}
}const links = pages.map((page, index) => {
const isSelected = index === selectedIndex;
const className = classes(index === 0 ? homeLink : pageLink, isSelected && selectedPage);
const hash = isSelected ? "#top" : "";
return (
{page.title}
{isSelected ? pageSections : null}
);
}); const childClassName = (className: string) => typestyle.classes(
className,
typestyle.style(
csstips.inlineBlock,
/** Lower than breakpoint: full sized */
typestyle.media({ minWidth: 0, maxWidth: breakpointNum }, { width: '100%' }),
/** Bigger than breakpoint: percent sized */
typestyle.media({ minWidth: breakpointNum + 1 }, { width: `calc(${(1 / children.length) * 100}% - ${spacingHorizontal - spacingHorizontal / children.length}px)` }),
)
);
