# 12cm-echoss-loading

> echoss loading created by 12cm

Latest version **1.0.5** (published 2019-05-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install 12cm-echoss-loading
pnpm add 12cm-echoss-loading
yarn add 12cm-echoss-loading
bun add 12cm-echoss-loading
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2019-05-08 |
| First published | 2019-05-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 52.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | 12cm |
| Maintainers | 12cm |

## Links

- npm: https://www.npmjs.com/package/12cm-echoss-loading
- npm.io page: https://npm.io/package/12cm-echoss-loading

## Recent versions

- 1.0.5 (latest) — 2019-05-08
- 1.0.4 — 2019-05-08
- 1.0.3 — 2019-05-08
- 1.0.2 — 2019-05-08
- 1.0.1 — 2019-05-07
- 1.0.0 — 2019-05-07
- 0.0.1-security — 2019-05-03

## README

<h2 align="center">12cm echoss Loading</h2>

### 설치
npm install 12cm-echoss-loading@latest

### 개요
원투씨엠(주)의 로딩 애니메이션 템플릿 사용 방법을 설명합니다.

### 사용방법

#### HTML
```html
<echoss-loading
    :show="true"
    :dim="true"
    :type="1" />
```

#### Script
```javascript
import EchossLoading from '12cm-echoss-loading/index.vue'

export default {
  components: { EchossLoading },
  created () {
    //
  }
}
```

#### 타입
<table>
  <tbody>
    <tr>
      <th valign="middle" style="text-align: center" width="160">
        타입코드
      </th>
      <th valign="middle" style="text-align: center">
        로딩 애니메이션
      </th>
    </tr>
    <tr>
      <td valign="middle" style="text-align: center">
        1
      </td>
      <td valign="middle">
        <img width="240" src="https://web-dev.echoss.co.kr/npm/readme/images/type01.png" />
      </td>
    </tr>
    <tr>
      <td valign="middle" style="text-align: center">
        2
      </td>
      <td valign="middle">
        <img width="240" src="https://web-dev.echoss.co.kr/npm/readme/images/type02.png" />
      </td>
    </tr>
    <tr>
      <td valign="middle" style="text-align: center">
        3
      </td>
      <td valign="middle">
        <img width="240" src="https://web-dev.echoss.co.kr/npm/readme/images/type03.png" />
      </td>
    </tr>
  </tbody>
</table>

---
_Source: https://npm.io/package/12cm-echoss-loading · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._