@vytalos/ui-shared-components v0.0.55

@vytalos/ui-shared-components

UI components

Installation

npm install --save @vytalos/ui-shared-components

yarn add @vytalos/ui-shared-components

Getting started

Clone this repository and install its dependencies:

git clone git@ssh.dev.azure.com:v3/medvantxinc/Medvantx%20OS/ui_shared_components

cd ui_shared_components

npm install or yarn install

build command builds the library to dist:

• dist/index.cjs.js A CommonJS bundle, suitable for use in Node.js, that requires the external dependency. This corresponds to the "main" field in package.json.
• dist/index.esm.js An ES module bundle, suitable for use in other people's libraries and applications, that imports the external dependency. This corresponds to the "module" field in package.json.
• dist/index.css Main css file of the library.
• dist/* Component folders with typings to take advantage of the typescript.

dev command builds the library, then keeps rebuilding it whenever the source files change using rollup-watch.

storybook command runs the storybook playground to visualize the library's documentation.

test command builds the library, then tests it.

Usage

Example:

import * as React from 'react'
import ReactDOM from 'react-dom'
import { Button } from '@vytalos/ui-shared-components'

import '@vytalos/ui-shared-components/dist/indes.css'
// required to use the Icon component
import '@vytalos/ui-shared-components/fonts/icons.css'

function App() {
  return <Button>Hello World</Button>
}

ReactDOM.render(<App />, document.querySelector('#app'))