@bveiga/react-components NPM

React Components

This is a library of reusable React-style TypeScript components originally made for projects by Bruno Veiga.

Setup

Add this package to the devDependencies in your package.json:

NPM:

npm install @bveiga/react-components --save-dev

Yarn:

yarn add @bveiga/react-components --dev

Usage

To use a component and its styling, simply import it into a TypeScript module like this:

import FeaturedImage from '@bveiga/react-components/src/TextBox/TextBox';

Here's an example page module using the component:

const AboutPage: FC<AboutPageProps> = ({}) => {
	const portraitImage = {
		src: 'https://via.placeholder.com/300x400',
		alt: 'Featured Image Placeholder'
	};

	return (
		<>
			<FeaturedStory image={portraitImage}>
				<TextBox posVertical={'center'}>
					<h1>Test Title</h1>
					<p>Test description</p>
				</TextBox>
			</FeaturedStory>
		</>
	);
}