open-index/open-npm huggingface dataset:
npm package: @phamloi/angular-base
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# AngularBase

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project angular-base` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project angular-base`.
> Note: Don't forget to add `--project angular-base` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build angular-base` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build angular-base`, go to the dist folder `cd dist/angular-base` and run `npm publish`.

## Running unit tests

Run `ng test angular-base` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/angular-dropdowns
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# AngularDropdowns

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project angular-dropdowns` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project angular-dropdowns`.
> Note: Don't forget to add `--project angular-dropdowns` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build angular-dropdowns` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build angular-dropdowns`, go to the dist folder `cd dist/angular-dropdowns` and run `npm publish`.

## Running unit tests

Run `ng test angular-dropdowns` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/angular-grid
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# AngularGrid

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project angular-grid` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project angular-grid`.
> Note: Don't forget to add `--project angular-grid` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build angular-grid` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build angular-grid`, go to the dist folder `cd dist/angular-grid` and run `npm publish`.

## Running unit tests

Run `ng test angular-grid` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/barcodegenerator
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# Barcodegenerator

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project barcodegenerator` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project barcodegenerator`.
> Note: Don't forget to add `--project barcodegenerator` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build barcodegenerator` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build barcodegenerator`, go to the dist folder `cd dist/barcodegenerator` and run `npm publish`.

## Running unit tests

Run `ng test barcodegenerator` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/base
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.2

# Base

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project base` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project base`.
> Note: Don't forget to add `--project base` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build base` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build base`, go to the dist folder `cd dist/base` and run `npm publish`.

## Running unit tests

Run `ng test base` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/buttons
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# Buttons

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project buttons` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project buttons`.
> Note: Don't forget to add `--project buttons` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build buttons` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build buttons`, go to the dist folder `cd dist/buttons` and run `npm publish`.

## Running unit tests

Run `ng test buttons` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/calendars
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# Calendars

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project calendars` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project calendars`.
> Note: Don't forget to add `--project calendars` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build calendars` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build calendars`, go to the dist folder `cd dist/calendars` and run `npm publish`.

## Running unit tests

Run `ng test calendars` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/compression
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# Compression

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project compression` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project compression`.
> Note: Don't forget to add `--project compression` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build compression` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build compression`, go to the dist folder `cd dist/compression` and run `npm publish`.

## Running unit tests

Run `ng test compression` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/data
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# Data

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project data` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project data`.
> Note: Don't forget to add `--project data` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build data` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build data`, go to the dist folder `cd dist/data` and run `npm publish`.

## Running unit tests

Run `ng test data` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/dropdowns
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# Dropdowns

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project dropdowns` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project dropdowns`.
> Note: Don't forget to add `--project dropdowns` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build dropdowns` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build dropdowns`, go to the dist folder `cd dist/dropdowns` and run `npm publish`.

## Running unit tests

Run `ng test dropdowns` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/excel-export
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# ExcelExport

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project excel-export` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project excel-export`.
> Note: Don't forget to add `--project excel-export` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build excel-export` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build excel-export`, go to the dist folder `cd dist/excel-export` and run `npm publish`.

## Running unit tests

Run `ng test excel-export` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/file-utils
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# FileUtils

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project file-utils` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project file-utils`.
> Note: Don't forget to add `--project file-utils` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build file-utils` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build file-utils`, go to the dist folder `cd dist/file-utils` and run `npm publish`.

## Running unit tests

Run `ng test file-utils` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/grids
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# Grids

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project grids` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project grids`.
> Note: Don't forget to add `--project grids` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build grids` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build grids`, go to the dist folder `cd dist/grids` and run `npm publish`.

## Running unit tests

Run `ng test grids` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/inputs
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# Inputs

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project inputs` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project inputs`.
> Note: Don't forget to add `--project inputs` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build inputs` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build inputs`, go to the dist folder `cd dist/inputs` and run `npm publish`.

## Running unit tests

Run `ng test inputs` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/lists
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# Lists

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project lists` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project lists`.
> Note: Don't forget to add `--project lists` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build lists` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build lists`, go to the dist folder `cd dist/lists` and run `npm publish`.

## Running unit tests

Run `ng test lists` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/navigations
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# Navigations

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project navigations` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project navigations`.
> Note: Don't forget to add `--project navigations` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build navigations` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build navigations`, go to the dist folder `cd dist/navigations` and run `npm publish`.

## Running unit tests

Run `ng test navigations` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/pdf-export
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# PdfExport

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project pdf-export` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project pdf-export`.
> Note: Don't forget to add `--project pdf-export` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build pdf-export` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build pdf-export`, go to the dist folder `cd dist/pdf-export` and run `npm publish`.

## Running unit tests

Run `ng test pdf-export` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/popups
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.0

# Popups

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project popups` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project popups`.
> Note: Don't forget to add `--project popups` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build popups` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build popups`, go to the dist folder `cd dist/popups` and run `npm publish`.

## Running unit tests

Run `ng test popups` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phamloi/split-buttons
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.
Author: Lợi Phạm
Latest version: 1.0.1

# SplitButtons

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.0.0.

## Code scaffolding

Run `ng generate component component-name --project split-buttons` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project split-buttons`.
> Note: Don't forget to add `--project split-buttons` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build split-buttons` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build split-buttons`, go to the dist folder `cd dist/split-buttons` and run `npm publish`.

## Running unit tests

Run `ng test split-buttons` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @phammanhhungbk/mylibrary-2
Description: Made with create-react-library
Author: hung pham
Latest version: 1.0.5

# mylibrary-2

> Made with create-react-library

[![NPM](https://img.shields.io/npm/v/mylibrary-2.svg)](https://www.npmjs.com/package/mylibrary-2) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save mylibrary-2
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from 'mylibrary-2'
import 'mylibrary-2/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [hung pham](https://github.com/hung pham)
npm package: @phamnghia21/schema-validator
Description: ``` @IsDivisibleBy(num: number) @IsBooleanString() @Contains(seed: string) @NotContains(seed: string) @IsAlpha() @IsAlphanumeric() @IsAscii() @IsBase32() @IsBase64() @IsIBAN() @IsBIC() @IsByteLength(min: number, max?: number) @IsCreditCard() @IsCurrency(o
Latest version: 0.0.2

# validator
## Todo

```
@IsDivisibleBy(num: number)
@IsBooleanString()
@Contains(seed: string)
@NotContains(seed: string)
@IsAlpha()
@IsAlphanumeric()
@IsAscii()
@IsBase32()
@IsBase64()
@IsIBAN()
@IsBIC()
@IsByteLength(min: number, max?: number)
@IsCreditCard()
@IsCurrency(options?: IsCurrencyOptions)
@IsEthereumAddress()
@IsBtcAddress()
@IsDataURI()
@IsFQDN(options?: IsFQDNOptions)
@IsFullWidth()
@IsHalfWidth()
@IsVariableWidth()
@IsHexColor()
@IsHSLColor()
@IsRgbColor(options?: IsRgbOptions)
@IsIdentityCard(locale?: string)
@IsPassportNumber(countryCode?: string)
@IsPostalCode(locale?: string)
@IsHexadecimal()
@IsOctal()
@IsMACAddress(options?: IsMACAddressOptions)
@IsIP(version?: "4"|"6")
@IsPort()
@IsISBN(version?: "10"|"13")
@IsEAN()
@IsISIN()
@IsJWT()
"@IsNotEmptyObject()	"
@IsLowercase()
@IsLatLong()
@IsLatitude()
@IsLongitude()
@IsMobilePhone(locale: string)
@IsISO31661Alpha2()
@IsISO31661Alpha3()
@IsLocale()
@IsPhoneNumber(region: string)
@IsMongoId()
@IsMultibyte()
@IsNumberString(options?: IsNumericOptions)
@IsSurrogatePair()
@IsMagnetURI()
@IsUUID(version?: "3"|"4"|"5"|"all")
@IsFirebasePushId()
@IsUppercase()
@IsMilitaryTime()
@IsHash(algorithm: string)
@IsHash(algorithm: string)
@IsSemVer()
@IsISSN(options?: IsISSNOptions)
@IsISRC()
@IsRFC3339()
@ArrayUnique(identifier?: (o) => any)
@ArrayMinSize(min: number)
@ArrayMaxSize(max: number)
@IsInstance(value: any)
@Allow()
```
npm package: @phamphu19498/bami-uikit
Description: Set of UI components for LiveTrade projects
Latest version: 1.2.4

# 🥞 Dapp UIkit

[![Version](https://img.shields.io/npm/v/@voxnguyen/dapp-uikit)](https://www.npmjs.com/package/@voxnguyen/dapp-uikit) [![Size](https://img.shields.io/bundlephobia/min/@voxnguyen/dapp-uikit)](https://www.npmjs.com/package/@voxnguyen/dapp-uikit)

DApp UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @voxnguyen/dapp-uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@voxnguyen/dapp-uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@voxnguyen/dapp-uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)


## Publish story book
yarn build-storybook -o C:\NhatKimChi\livetrade-dapp-uikit-output
npx http-server C:\NhatKimChi\livetrade-dapp-uikit-output

## How to build Uikit
Step 1: Sign up: https://www.npmjs.com/
Step 2: Verify account
Step 3: Login in npm account in VS Code
```
npm login
```
Step 4: Run yarn publish
```
yarn publish
```
npm package: @phamphu19498/hesman-uikit
Description: Set of UI components for hesman projects
Latest version: 1.4.6

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap/uikit`

***Note**: In case you want to use the older version of the Pancake UIkit, you should install @pancakeswap-libs/uikit, instead, but we recommend using the latest version of the UIkit.*


## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @phamphu19498/livetrade-uikit
Description: Set of UI components for pancake projects
Latest version: 1.65.8

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap/uikit`

***Note**: In case you want to use the older version of the Pancake UIkit, you should install @pancakeswap-libs/uikit, instead, but we recommend using the latest version of the UIkit.*


## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @phamphu19498/pibridge-uikit
Description: Set of UI components for pancake projects
Latest version: 1.0.2

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap/uikit`

***Note**: In case you want to use the older version of the Pancake UIkit, you should install @pancakeswap-libs/uikit, instead, but we recommend using the latest version of the UIkit.*


## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @phamphu19498/pibridge_dapp_uikit
Description: Set of UI components for pancake projects
Latest version: 1.0.1

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap/uikit`

***Note**: In case you want to use the older version of the Pancake UIkit, you should install @pancakeswap-libs/uikit, instead, but we recommend using the latest version of the UIkit.*


## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @phamphu19498/pibridge_uikit
Description: Set of UI components for pancake projects
Latest version: 1.0.7

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap/uikit`

***Note**: In case you want to use the older version of the Pancake UIkit, you should install @pancakeswap-libs/uikit, instead, but we recommend using the latest version of the UIkit.*


## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @phamphu19498/run-uikit
Description: Set of UI components for pancake projects
Latest version: 1.0.3

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap/uikit`

***Note**: In case you want to use the older version of the Pancake UIkit, you should install @pancakeswap-libs/uikit, instead, but we recommend using the latest version of the UIkit.*


## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @phamphu19498/runtogether-uikit
Description: Set of UI components for pancake projects
Latest version: 2.4.4

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap/uikit`

***Note**: In case you want to use the older version of the Pancake UIkit, you should install @pancakeswap-libs/uikit, instead, but we recommend using the latest version of the UIkit.*


## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @phamphu19498/runuikit-uikit
Description: Set of UI components for pancake projects
Latest version: 1.1.1

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap/uikit)](https://www.npmjs.com/package/@pancakeswap/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap/uikit`

***Note**: In case you want to use the older version of the Pancake UIkit, you should install @pancakeswap-libs/uikit, instead, but we recommend using the latest version of the UIkit.*


## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @phamquyen/rn-core-components
Description: Customize some regular components from React-native basic-components
Author: QuyenPH
Latest version: 1.1.1

# @phamquyen/rn-core-components

Basic some regular compoents in usually using in proeject

## Installation

```
npm install @phamquyen/rn-core-components
```

hoặc

```
yarn add @phamquyen/rn-core-components
```

## Usage

```js
// ---- using Tab Component ------
import {
  ITabView,
  ITabBarItem,
  ITabItemProps,
  TabModel,
} from "@phamquyen/rn-core-components";

// ...
const App = (second) => {
  const [index, setIndex] = React.useState < number > 0;
  const routes: Array<TabModel> = [];

  const renderTabIcon = (props: ITabItemProps) => {
    return <ITabBarItem {...props} />;
  };

  const renderScene = React.useCallback(({ tab }: { tab: TabModel }) => {
    switch (tab.key) {
      case "Button":
        return <ButtonTab />;
      default:
        return <></>;
    }
  }, []);

  return (
    <ITabView
      onIndexChange={setIndex}
      renderScene={renderScene}
      navigationState={{ index, routes }}
      renderTabIcon={renderTabIcon} // ---- custom ItemTabbar
      // disableSwipe       // ----- disable Swipe tab
      isFixed // ----- styles Fixed tabbar
    />
  );
};
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

---

Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)