UNPKG

@farris/ui-vue

Version:

Farris Vue, a Farris Design based Vue3 component library.

43 lines (42 loc) 1.4 kB
/** * 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;