open-index/open-npm huggingface dataset:
npm package: @local-civics/design-components
Description: React component library for Local design components
Latest version: 1.0.30

# design-components

React component library for Local design components

## Install

Components are written in React, and its stories are written in [Component Story Format](https://medium.com/storybookjs/component-story-format-66f4c32366df). It requires Storybook version 6 and up.

Add design-components to your project.

`npm install --save @local-civics/design-components`

### **Usage**

Import components you want into your UI

`import { Button } from '@local-civics/design-components';`

and use them like so

```
const myBtn = () => <Button>Do something</Button>;
```

### **Development**

Clone the [design-components GitHub project](https://github.com/local-civics/design-components) then start Storybook.

`npm install && npm run start`

## **Publishing**

Before publishing you should build the Storybook project.

`NODE_ENV=production npm run build-storybook`

or if want to live updates,

`NODE_ENV=production npm run storybook`

## Used by

- [Hub](https://hub.localcivics.io)
npm package: @local-civics/js-client
Description: Javascript client library for Local Civics Platform APIs.
Latest version: 1.2.13

# js-client

Javascript client library for Local Civics Platform APIs.

# Get started

## Install

Add the client to your project.

`npm install --save @local-civics/js-client`

### **Usage**

Import the client

`import { Client } from '@local-civics/js-client'`

and use it, like so

```
const client = new Client({
    accessToken: "my-access-token",
})
const id = await client.sphere.get("my/id")
```
npm package: @local-civics/js-gateway
Description: Javascript client library for Local Civics API Gateway
Latest version: 0.0.12

# js-gateway

Javascript client library for Local Civics API Gateway

# Get started

## Install

Add hoplite to your project.

`npm install --save @local-civics/js-gateway`

### **Usage**

Import the client

`import { useClient } from '@local-civics/js-gateway'`

and use it, like so

```
const client = useClient()
const identity = await client.identity.resolve()
```
npm package: @local-civics/js-hoplite
Description: Node.js client library for the Hoplite application.
Latest version: 0.0.1

# js-hoplite

Node.js client library for the Hoplite application.

# Get started

## Install

Add hoplite to your project.

`npm install --save @local-civics/js-hoplite`

### **Usage**

Import the client

`import { client } from '@local-civics/js-hoplite'`

and use it, like so

```
const api = client();

api.academic.onboarding.query().then((res) => console.log(res));
```
npm package: @local-civics/react-citizen
Description: React Citizen (RC) is a reusable component library that provides the building blocks for Local Civics' Citizen UI.
Latest version: 1.0.31

# Get started

React Citizen (RC) is a reusable component library that provides the building blocks for Local Civics' Citizen UI.

## Install

RC components are written in React, and its stories are written in [Component Story Format](https://medium.com/storybookjs/component-story-format-66f4c32366df). It requires Storybook version 6 and up.

Add RC to your project.

`npm install --save @local-civics/react-citizen`

### **Usage**

Import components you want into your UI

`import { Button } from '@local-civics/react-citizen';`

and use them like so

```
const myBtn = () => <Button>Do something</Button>;
```

### **Development**

Clone the [RC GitHub project](https://github.com/local-civics/react-citizen) then start Storybook.

`npm install && npm run storybook`

## **Publishing**

Before publishing you should build the Storybook project.

`NODE_ENV=production npm run build-storybook`

or if want to live updates,

`NODE_ENV=production npm run storybook`

## Used by

- [Citizen homepage](https://citizen.localcivics.io/)
npm package: @local-civics/react-hub
Description: React component library for Local design components
Latest version: 1.0.0-alpha.0

# design-components

React component library for Local design components

## Install

Components are written in React, and its stories are written in [Component Story Format](https://medium.com/storybookjs/component-story-format-66f4c32366df). It requires Storybook version 6 and up.

Add design-components to your project.

`npm install --save @local-civics/design-components`

### **Usage**

Import components you want into your UI

`import { Button } from '@local-civics/design-components';`

and use them like so

```
const myBtn = () => <Button>Do something</Button>;
```

### **Development**

Clone the [design-components GitHub project](https://github.com/local-civics/design-components) then start Storybook.

`npm install && npm run storybook`

## **Publishing**

Before publishing you should build the Storybook project.

`NODE_ENV=production npm run build-storybook`

or if want to live updates,

`NODE_ENV=production npm run storybook`

## Used by

- [Hub](https://hub.localcivics.io)