Description

Verio products library for VFX

Table of Contents

• Description
  • Table of Contents
  • Installation
  • Use
  • Products
    • Vertical Profile Atmosphere
    • Layer Select
  • Running unit tests
  • Running stories

Installation

npm install @verio/products
pnpm add @verio/products
yarn add @verio/products

Use

Use the product components by importing them from @verio/products.

Products

Vertical Profile Atmosphere

import { VerticalProfileAtmosphere, verticalAtmosphereData } from '@verio/products'

const VerticalProfileAtmosphereProduct: React.FC = () => {
  // Adjust the svgDimensions and tooltip to fit your needs
  return (
    <VerticalProfileAtmosphere
      // mock data
      data={verticalAtmosphereData().featureCollections[0]}
    />
  )
}

export default VerticalProfileAtmosphereProduct

Layer Select

import { LayerSelect } from '@verio/products'

const LayerSelectProduct: React.FC = () => {
  return (
    <LayerSelect activeBaseLayers={[]} activeMapsLayers={[]} serviceUrl='' locale='en' />
  )
}

export default LayerSelectProduct

Running unit tests

Run nx test products to execute the unit tests via Jest.

Running stories

Run nx run products:storybook to execute the storybook via Storybook.