open-index/open-npm huggingface dataset:
npm package: @martwozniak/template-react-component-library
Description: Link: https://www.npmjs.com/package/@martwozniak/template-react-component-library
Author: Mart Wozniak
Latest version: 1.0.9

# @martwozniak/template-react-component-library

Link: https://www.npmjs.com/package/@martwozniak/template-react-component-library

## Installation
 To use template react component library, all you need to do is install the ```@martwozniak/template-react-component-library```
 package and its peer dependencies:

 ```shell
$ yarn add @martwozniak/template-react-component-library

# or

$ npm i @martwozniak/template-react-component-library
 ```

## Components 

|Component |  Added | Styled |
|---|:-:|:-:|
| Button |  ✅ | |
| Alert |  ✅ | |
| Chip  |  ✅ | |
| Accordion  |  ✅ | |
| Dropdown  |  ✅ | |
| Hamburger  |   | |
| Input  |   | |
| Textarea  |   | |
| Select  |   | |
| Modal  |   | |
| Card  |   | |
| Container  |   | |
| Form  |   | |
| Navigation  |   | |
| Pagination  |   | |
| Tabs  |   | |
| Tables  |   | |
| Widgets  |   | |
| Colors  |   | |
| Typography  |   | |
| Loading Indicators  |   | |
| Cursor  |   | |
| Grid  |   | |
| Flex  |   | |


## Sections 

|Section |  Added | Styled |
|---|:-:| :-:|
| Headers |   | |
| Footers |   | |
| CTA |   | |
| Hero |   | |
| Contact |   | |
| About |   | |

## Storybook

To preview all predefined components you need to run: 

 ```shell
$ yarn storybook

# or

$ npm run storybook
 ```

 Storybook will work on `port: 6006`.

#blazingfast
#componentlibrary
npm package: @martyganz/react-native-social-buttons
Description: Declarative social button components for React Native.
Author: Dan Clipca
Latest version: 1.4.2

### React Native Social Buttons

![](https://img.shields.io/npm/dm/react-native-social-buttons)
![](https://img.shields.io/npm/v/react-native-social-buttons)
![](https://img.shields.io/github/contributors/virtumonde/react-native-social-buttons)
[![Expo Snack - Try Now](https://img.shields.io/badge/Expo%20Snack-Try%20Now-blue?style=flat&logo=expo)](https://snack.expo.dev/@angelxmoreno/react-native-social-buttons-example)

<p align="center">
    <img src="/assets/with-snapchat.png" />
</p>

## Installation

```bash
yarn add react-native-social-buttons

or

npm install react-native-social-buttons
```

## Try It Live

Explore our buttons in action with a live example on Expo Snack:

[![Expo Snack - Try Now](https://img.shields.io/badge/Expo%20Snack-Try%20Now-blue?style=flat&logo=expo)](https://snack.expo.dev/@angelxmoreno/react-native-social-buttons-example)

Click the badge above to open the project in Expo Snack, where you can view and interact with the components directly in your browser or on your device.

## Basic Usage

```jsx
import React from "react";
import { View } from "react-native";
import { FacebookSocialButton } from "react-native-social-buttons";

export default class App extends React.Component {
  render() {
    return (
      <View>
        <FacebookSocialButton onPress={() => {}} buttonViewStyle={...} logoStyle={...} textStyle={...} />
      </View>
    );
  }
}
```

You can customize the buttons using buttonViewStyle={...}, logoStyle={...} and textStyle={...}
npm package: @martylouis/stylelint-config
Description: Stylelint config for Marty Louis projects
Author: Marty Thierry
Latest version: 2.0.2

# @martylouis/stylelint-config [![npm version](https://badge.fury.io/js/%40martylouis%2Fstylelint-config.svg)](https://badge.fury.io/js/%40martylouis%2Fstylelint-config)

An opinionated [Stylelint](https://stylelint.io) config for writing neat CSS or SCSS. ~~ Now supports [TailwindCSS directives](https://tailwindcss.com/docs/functions-and-directives/).

## Installation

### 1. Install this package with `npx`.
```sh
npx install-peerdeps --dev @martylouis/stylelint-config
```
### 2. Add this to your `.stylintrc`

```json
{
  "extends": "@martylouis/stylelint-config"
}
```

## [VS Code](https://code.visualstudio.com/) AutoFormat setup:

1. Install the [Stylelint](https://marketplace.visualstudio.com/items?itemName=shinnn.stylelint) Extension
2. Add this to your VS Code `settings.json`

```json
{
  "editor.codeActionsOnSave": {
    "source.fixAll.stylelint": true,
  }
}
```
---

[@martylouis on Twitter](twitter.com/martylouis)