helika-ui-sdk v0.1.23

Helika User Acquisition SDK

SDK for for creating Helika UI including components, colors, etc.

The Helika SDK is for developers to create UI for Helika related products to keep a cohesive look and feel for projects. Updates to components/colors/etc in this SDK must be brought up internall as they will affect a large group of projects.

Current Latest Version: v0.1.8

Installation

TEMPORARY: 1.) Clone this repo 2.) Open terminal in base folder 3.) Run "npm run build" 4.) Run "npm link" 5.) Open terminal in folder of project you want to install this sdk in 6.) Run "npm link helika-ui-sdk" 7.) Run "npm install"

When updating this sdk, to see updates in the project you're working on, you'll need to 1.) Open terminal in helika-ui-sdk base folder 2.) Run "npm run build" 3.) After step 2, it may reflect in your project, but you may also need to restart it

If you run "npm link helika-ui-sdk" in the project you're working on locally and it causes problems, you also have the option to use npm pack. You will then need to add the package in the project's package.json and then run npm install. Ie. "helika-ui-sdk": "file:~/helika-ui-sdk/helika-ui-sdk-0.1.8.tgz",

NPM Pack steps: 1.) Clone this repo 2.) Open terminal in base folder 3.) Run "npm run build" 4.) Run "npm pack" 5.) Open terminal in folder of project you want to install this sdk in 6.) In package.json, update the dependency to link to the package created by npm pack i.e. "helika-ui-sdk": "file:~/helika-ui-sdk/helika-ui-sdk-0.1.9.tgz" 7.) Run "npm install" (might need to delete node modules and package json lock first)

Usage

Example of using spacing values:

import { Spacing } from 'helika-ui-sdk'

let spacing_value = Spacing.Spacing_xxxs;

Example of Using the button component:

import { Button } from 'helika-ui-sdk'

<Button
	type="Primary"
	handleClick={() => {console.log(clicked)}}
	icon="Plus"
	iconPosition="Left"
>
	Create New Offer
</Button>

Online Storybook can be seen at: https://--671beb4f5092aa4fe5b3b161.chromatic.com ie https://develop--671beb4f5092aa4fe5b3b161.chromatic.com