@infinitoui/infinito-radio

radio

Usage no npm install needed!

<script type="module">
  import infinitouiInfinitoRadio from 'https://cdn.skypack.dev/@infinitoui/infinito-radio';
</script>

README

@infinitoui/infinito-radio

Downloads per month NPM Version TypeScript

Preview

preview

Demo

Install

npm install @infinitoui/infinito-radio

Usage

引入组件:

import '@infinitoui/infinito-radio'

使用:

<infinito-radio value="boy">Boy</infinito-radio>
<infinito-radio value="girl" checked>Girl</infinito-radio>
<infinito-radio value="male" disabled>Male</infinito-radio>

Properties

Property Attribute Type Default Description
checked checked boolean false 默认是否选中
disabled disabled boolean false 是否禁用
value value string "" 单选框的值

Events

Event Description
change 单选框点击事件

Slots

Name Description
默认插槽

CSS Custom Properties

Property Default Description
--border-color "#333" 主体颜色