How to use the linaria.names function in linaria

To help you get started, we’ve selected a few linaria examples, based on popular ways it is used in public projects.

github s-panferov / tygen / packages / tygen-html / src / ui / badge.tsx View on Github external
render() {
		const { outline } = this.props
		return <span className={names(BadgeBlock, cn({ outline }))}>{this.props.children}</span>
	}
}
github s-panferov / tygen / packages / tygen-html / src / ui / layout.tsx View on Github external
render() {
		return (
			<div
				className={names(
					LayoutBlock,
					cn({
						wide: !!this.props.sidebar
					})
				)}>
				{this.props.sidebar && <div className={Sidebar}>{this.props.sidebar}</div>}
				<div className={Content}>
					<div className={ContentInner}>{this.props.children}</div>
				</div>
			</div>
		)
	}
}
github s-panferov / tygen / packages / tygen-html / src / ui / section.tsx View on Github external
static Grid = (props: React.HTMLAttributes<any>) => (
		<div className={names(Grid, props.className)}>{props.children}</div>
	)