# @halohubio/graphql_tailwind_base

> [![NPM](https://img.shields.io/npm/v/@halohubio/playground.svg)](https://www.npmjs.com/package/@dlarroder/playground) [![Downloads](https://img.shields.io/npm/dt/@halohubio/playground.svg)](https://www.npmjs.com/package/@dlarroder/playground)

Latest version **0.1.11** (published 2024-03-25) · MIT license · 0 weekly downloads

## Install

```sh
npm install @halohubio/graphql_tailwind_base
pnpm add @halohubio/graphql_tailwind_base
yarn add @halohubio/graphql_tailwind_base
bun add @halohubio/graphql_tailwind_base
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.11 |
| Published | 2024-03-25 |
| First published | 2023-10-19 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 2.2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Ha Nguyen |
| Maintainers | devjoy |

## Links

- npm: https://www.npmjs.com/package/@halohubio/graphql_tailwind_base
- Repository: https://github.com/devjoyvn/graphql_tailwind_base
- Homepage: https://github.com/devjoyvn/graphql_tailwind_base#readme
- Issues: https://github.com/devjoyvn/graphql_tailwind_base/issues
- npm.io page: https://npm.io/package/@halohubio/graphql_tailwind_base

## Recent versions

- 0.1.11 (latest) — 2024-03-25
- 0.1.10 — 2024-01-24
- 0.1.9 — 2023-11-03
- 0.1.8 — 2023-11-03
- 0.1.7 — 2023-11-03
- 0.1.6 — 2023-11-03
- 0.1.5 — 2023-11-03
- 0.1.4 — 2023-11-01
- 0.1.3 — 2023-11-01
- 0.1.2 — 2023-11-01
- 0.1.1 — 2023-10-20
- 0.1.0 — 2023-10-20
- 0.0.9 — 2023-10-20
- 0.0.8 — 2023-10-20
- 0.0.7 — 2023-10-20
- … 6 more at https://npm.io/package/@halohubio/graphql_tailwind_base/versions

## README

# graphql_tailwind_base 

[![NPM](https://img.shields.io/npm/v/@halohubio/playground.svg)](https://www.npmjs.com/package/@dlarroder/playground)
[![Downloads](https://img.shields.io/npm/dt/@halohubio/playground.svg)](https://www.npmjs.com/package/@dlarroder/playground)

**graphql_tailwind_base** is a React component component library, as the name suggest, this will serve as my playground where I can 
show off some of the cool component ideas I have and will be available for the public to use via npm.

## Installing graphql_tailwind_base

To use graphql_tailwind_base components, all you need to do is install the `@halohubio/graphql_tailwind_base` package

```sh
$ yarn add @halohubio/graphql_tailwind_base

# or

$ npm i @halohubio/graphql_tailwind_base
```

## Usage

To start using the components, please follow these steps:

1. Import stylesheets manually

```jsx
import '@halohubio/graphql_tailwind_base/dist/styles.css'
```

2. Now you can start using components like so

```jsx
import { useState } from 'react'
import { Switch } from '@halohubio/graphql_tailwind_base'

function Example() {
  const [checked, setChecked] = useState(false)

  return <Switch checked={checked} onChange={setChecked} />
}
```

---
_Source: https://npm.io/package/@halohubio/graphql_tailwind_base · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._