open-index/open-npm huggingface dataset:
npm package: @obsidiansoft.io/carousel-view
Description: Carousel web component view
Author: quinszouls
Latest version: 0.1.1

# carousel-view

Custom webcomponent carousel view

#### properties

| Property   | description                              | type                |
| ---------- | ---------------------------------------- | ------------------- |
| style      | styles                                   | String/StylesInline |
| autoScroll | Automatically changes the carousel items | Boolean             |

#### Example
![Carousel simple view](https://github.com/obsidiansoft-io/carousel-view/blob/master/files/example.png?raw=true)
```html
<!--use tag slot for number the elements (required)--->
<carousel-view style="width: 600px;height:400px; display: block;" autoScroll>
  <img
    src="https://images.pexels.com/photos/2443865/pexels-photo-2443865.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
    slot="0"
  />
  <img
    src="https://images.pexels.com/photos/2365701/pexels-photo-2365701.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"
    slot="1"
  />
  <img
    src="https://images.pexels.com/photos/2479642/pexels-photo-2479642.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
    slot="2"
  />
  <img
    src="https://images.pexels.com/photos/2494517/pexels-photo-2494517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
    slot="3"
  />
</carousel-view>
```
npm package: @obsidiansoft/antd-country-phone-input
Description: Country phone input component as standard Ant.Design form item
Author: Beto Salas
Latest version: 3.0.3

# antd-country-phone-input

Country phone input component as standard Ant.Design form item.

Currently only support Chinese.

![Preview](asset/screenshot.png)

## Installation

```
npm i @obsidiansoft/antd-country-phone-input
```

## [Usage](src/App.tsx)

[![Edit antd-country-phone-input](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/antd-country-phone-input-mtksn?fontsize=14)

```js
import { Button, Form } from 'antd';
import CountryPhoneInput from "antd-country-phone-input";

const App = () => {
  const onFinish = (values) => {
    console.log('Success:', values);
  };

  const onFinishFailed = (errorInfo) => {
    console.log('Failed:', errorInfo);
  };

  return (
    <Form
      onFinish={onFinish}
      onFinishFailed={onFinishFailed}
      style={{ width: 400, height: 300, margin: 40 }}
    >
      <Form.Item name="phone">
        <CountryPhoneInput />
      </Form.Item>
      <Form.Item>
        <Button type="primary" htmlType="submit">
          Submit
        </Button>
      </Form.Item>
    </Form>
  );
};

export default App;
```
npm package: @obsidiansoft/carousel-view
Description: Carousel web component view
Author: quinszouls
Latest version: 0.1.0

# carousel-view

Custom webcomponent carousel view

#### properties

| Property   | description                              | type                |
| ---------- | ---------------------------------------- | ------------------- |
| style      | styles                                   | String/StylesInline |
| autoScroll | Automatically changes the carousel items | Boolean             |

#### Example
![Carousel simple view](https://github.com/obsidiansoft-io/carousel-view/blob/master/files/example.png?raw=true)
```html
<!--use tag slot for number the elements (required)--->
<carousel-view style="width: 600px;height:400px; display: block;" autoScroll>
  <img
    src="https://images.pexels.com/photos/2443865/pexels-photo-2443865.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
    slot="0"
  />
  <img
    src="https://images.pexels.com/photos/2365701/pexels-photo-2365701.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"
    slot="1"
  />
  <img
    src="https://images.pexels.com/photos/2479642/pexels-photo-2479642.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
    slot="2"
  />
  <img
    src="https://images.pexels.com/photos/2494517/pexels-photo-2494517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940"
    slot="3"
  />
</carousel-view>
```