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 >
)}