Exciting news!Announcing our $4.6M Series Seed. Learn more
Socket
LoveBlogFAQ
Install
Log in

@soalio/delta-ui

Package Overview
Dependencies
1
Maintainers
1
Versions
23
Issues
File Explorer

Advanced tools

@soalio/delta-ui

A React component library for delta applications built using Rollup, TypeScript, Styled components and Storybook

    1.0.22latest

Version published
Maintainers
1
Yearly downloads
1,278

Weekly downloads

Readme

Source

React Component Library for Delta web applications

This Library was created using the following technologies

  • Rollup
  • Styled components
  • TypeScript

It also features:

Development

Testing

npm run test

Building

npm run build

Storybook

To run a live-reload Storybook server on your local machine:

npm run storybook

To export Storybook as static files:

npm run storybook:export

Use storybook-static folder to host it in cloud server.

Generating New Components

Run this command to generate all the files you need to start building out a new component. To use it:

npm run generate YourComponentName

This will generate:

/src /YourComponentName YourComponentName.tsx YourComponentName.stories.tsx YourComponentName.test.tsx YourComponentName.types.ts YourComponentName.style.ts

The default templates for each file can be modified under util/templates.

Installing Component Library Locally

In your react application ( eg. admin-web, delta-web, frewall-web etc ), you can run:

npm i --save <relative-path-to-your-library>

which will install the local component library as a dependency in react application. It'll then appear as a dependency in package.json like:

... "dependencies": { ... "react-component-library": "file:../react-component-library", ... }, ...

Your components can then be imported and used in that project.

Usage

Usage of the component (after the library installed as a dependency into another project) will be:

import React from "react"; import { TestComponent } from "delta-ui"; const App = () => ( <div className="app-container"> <h1>Hello I'm consuming the component library</h1> <TestComponent mode="dark" /> </div> ); export default App;
Socket

Product

Subscribe to our newsletter

Get open source security insights delivered straight into your inbox. Be the first to learn about new features and product updates.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc