# svelma-pro
拾色器

# ColorPicker

## 拾色器

Codesandbox

    <script>
        import { ColorPicker } from 'svelma-pro'
        let color = "rgba(70,197,85,1)";

        function change(e){
        console.log(e.detail)
        }
        </script>

        <ColorPicker {color} on:change={change} switchs={false}/>

面板模式

Codesandbox
r
g
b
a

    <script>
      import { ColorPicker } from 'svelma-pro'
       let color = "rgba(70,197,85,1)";
    </script>

    <ColorPicker {color} on:change={change}  mode="2"/>

## API

Name | Description | Type | Values | Default
--- | --- | --- | --- | ---
`color` | 初始化色值,支持hex,rgba,hsla格式色值 | String | hex,rgba,hsla | `#1ec131`
`mode` | 显示模式,模式1表示按钮模式,2表示面板模式 | Number | 1,2 | `1`
`width` | 按钮模式下宽度 | String | — | `200px`
`fieldsIndex` | 色值类别,0:hex,1:rgba,2:hsla | Number | 0,1,2 | `0`
`switchs` | 是否隐藏颜色格式切换按钮 | Boolean | — | `true`

## EVENT

Name | Parameters | Description
--- | --- | ---
`change` | — | 选择改变事件
`changeEnd` | — | 改变完成事件