npm package '@elevate_security/elevate-component-library'

Popularity: Medium (more popular than 90% of all packages)
Description: A library of elevate UI components
Installation: npm install @elevate_security/elevate-component-library
Last version: 1.24.8 (Download)
Homepage: https://github.com/ElevateSecurity/elevate-component-library#readme
Size: 30,430.78 kB
License: ISC
Keywords: components, react, style, brand

Activity

Last modified: August 10, 2022 5:36 PM (2 days ago)
Versions released in one year: 42
Weekly downloads: 332

Readme

Elevate Security Component Library

<em>A component library for sharing Elevate Components between each of our projects</em>

Demo App (Story Book)

<hr/>

Installation

npm install @elevate_security/elevate-component-library --save

Usage

cont Elevate =  require('@elevate_security/elevate-component-library')

render() {
  return (
    <Elevate.Typography.H1>This is the tab content 1</Elevate.Typography.H1>
  )
}

Components

• Card
• Icon
• Link
• Typography
• Layout
• Gauge
• LineBarChart
• Axis
• Line
• Input
• Button
• ButtonLink
• Tabs
• TimelineBlock
• ButtonIcon
• Breadcrumb
• Image
• Avatar
• Header
• GlobalStyle
• Logo
• Modal
• RadioButton

Development

• Clone this repo
• npm install
• To debug or demo in storybook: npm run-script storybook
• To bootstrap work on a new componentnpm: run-script create [component name]

Local Development/importing into other applications

• In component library, run: npm link

• Take the generated link and import into your parent project like so:

const Elevate = require('/usr/local/lib/node_modules/@elevate_security/elevate-component-library')

const { Logo } = Elevate

Deploying to NPM

In a release branch, use npm version to bump the version in package.json, commit and tag altogether.

VERSION=1.0.6
npm version $VERSION
git push origin : "v${VERSION}"

Then create a Pull Request from your release branch to master.