How to use the linaria.styles 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 / docscript-react / src / type / type-parameter.tsx View on Github external
render() {
		const { reflection } = this.props
		return <span {...styles(TypeParameterBody)}>{reflection.name}</span>
	}
}
github s-panferov / tygen / packages / docscript-react / src / type / tuple.tsx View on Github external
render() {
		const { reflection } = this.props
		return (
			<span {...styles(TupleBody)}>
				[
				<Join joinWith={i => <span key={i}>, </span>}>
					{reflection.types.map((ty, i) => (
						<TypeView key={ty.id || `ty-${i}`} reflection={ty} />
					))}
				</Join>
				]
			</span>
		)
	}
}
github s-panferov / tygen / packages / docscript-react / src / type / this.tsx View on Github external
render() {
		const { reflection } = this.props
		return (
			<span {...styles(ThisBody)}>
				{reflection.base ? <RefLink name={'this'} reflection={reflection.base} /> : 'this'}
			</span>
		)
	}
}
github s-panferov / tygen / packages / docscript-react / src / type / type-reference.tsx View on Github external
render() {
		const { reflection } = this.props
		return (
			<span {...styles(TypeReferenceBody)}>
				<TypeView reflection={reflection.target} />
				{reflection.typeArguments && <TypeArguments types={reflection.typeArguments} />}
			</span>
		)
	}
}