@farris/ui-vue
Version:
Farris Vue, a Farris Design based Vue3 component library.
43 lines (42 loc) • 1.4 kB
TypeScript
/**
* CheckBox组件用来进行多选。
*
* @example
* ```vue
* <script setup lang="ts">
* import { ref } from 'vue';
*
* const checkedValue = ref(false);
* const value = ref(true);
*
* const disabled = ref(false);
* </script>
* <template>
* <div class="my-2 d-flex">
* <div class="f-demo-label">禁用:</div>
* <f-switch v-model="disabled"></f-switch>
* </div>
* <f-checkbox v-model="value" :disabled="disabled" :true-value="true" :false-value="false">
* 单个复选框
* <!-- <img style="height: 20px;width:60px;display:inline" src="/farris-docs/assets/gitee.svg" alt="" /> -->
* </f-checkbox>
*
* <p>Value: {{ value }}; Checkd: {{ checkedValue }}</p>
*
* <f-checkbox :indeterminate="true" :disabled="disabled">
* 中间值状态
* <!-- <img style="height: 20px;width:60px;display:inline" src="/farris-docs/assets/gitee.svg" alt="" /> -->
* </f-checkbox>
* </template>
* ```
*
* @public
*/
declare const _default: import("vue").DefineComponent<{
[x: string]: any;
}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
[x: string]: any;
}> & Readonly<{}>, {
[x: string]: any;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;