open-index/open-npm huggingface dataset:
npm package: @skodacustomerjourney/feature-apps-loader-react
Description: Feature App is a microfrontend that encapsulates a composable and reusable UI. This package provides set of universal React components that simplifies integration of feature applications developed by Skoda.
Latest version: 0.0.5-beta.2

# Skoda feature apps loader

Feature App is a microfrontend that encapsulates a composable and reusable UI. This package provides set of universal React components that simplifies integration of feature applications developed by Skoda.

## Installation

`npm install @skodacustomerjourney/feature-apps-loader-react`

## Usage

Example of integration of Forms feature application.

```js
import { SkodaFeatureAppLoader, SkodaFeatureHubContextProvider } from '@skodacustomerjourney/feature-apps-loader-react';

const formsFeatureAppConfig = { formCode: 'cypress_tests_0', isTemp: false }
const localeServiceConfig = { countryCode: 'cz', bid: '260', language: 'cs', currency: 'czk' }

export const App = () =>
    <SkodaFeatureHubContextProvider
        localeServiceConfig={localeServiceConfig}>
        <SkodaFeatureAppLoader
            featureAppId='Skoda:FormsFeatureApp'
            src='forms-feature-app.umd.js'
            baseUrl='https://skoda-forms-api-dev.azurewebsites.net'
            config={formsFeatureAppConfig}
        />
    </SkodaFeatureHubContextProvider>
```

Feature Services provide shared state and shared functionality to consumers, e.g. Feature Apps. "locale-service" is required and consumed by majority of Skoda feature apps.

* **featureAppId** - The Feature App ID is required to identify the Feature App instance. Multiple Feature App Loaders with the same featureAppId will render the same Feature app instance.
* **src** - URL of client module bundle. Can be absolute or relative. If relative, loader will download the resource from baseUrl.
* **baseUrl** - feature apps refers to its own resources that are available on this url.
* **config** - feature app configuration object. Each feature app has unique configuration. Above is minimal example of configuration of Forms feature application.

## Loading multiple feature apps

To load multiple (different or same) feature apps use SkodaFeatureAppLoader in different locations. It only must exist in scope of SkodaFeatureHubContextProvider.
npm package: @skodaflow/web-ui-components
Description: **Description** This project contains the web ui components for Skoda
Latest version: 0.1.56
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

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