@skodaflow/web-ui-components v0.1.56

Skoda Web Ui Components

Description This project contains the web ui components for Skoda

Installation

npm install @skodaflow/web-ui-components

For developers

To check Components props run

npm run storybook

Other Scripts

npm run build
npm run build-storybook
npm run clean:build
npm run publish-npm

Components

• Container
• Row
• Col
• Title
• Subtitle
• Text
• Image
• Button
• Accordion
• ThemeProviderContainer

Components Usage

Notice ThemeProviderContainer must be used to wrap the app

import { ThemeProviderContainer, Button } from '@skodaflow/web-ui-components';

export const Demo = () => {
	return (
		<ThemeProviderContainer >
			<Container>
				<Row>
					<Col mobile={12} tablet={6} dektop={3}>
						<Title dark  size={1} >Title Example</Button>
					<Col>
					<Col mobile={12} tablet={6} dektop={3}>
						<Text>Ui Components Example</Text>
					<Col>
					<Col mobile={12} tablet={6} dektop={3}>
						<Button>Button Example</Button>
					<Col>
					<Col mobile={12} tablet={6} dektop={3}>
						<Image width={200} height={300} src="example-image.png" alt="Example Image" />
					<Col>
				<Row>
			<<Container>
		</ ThemeProviderContainer >
)}