MoreHook

Appearance

Return to top
On this page

tag

标签组件

Demo

source

tag组件

asdasds

Usage

html
<template>
  <div>
    <p>标签组件</p>
    <Tag></Tag>
  </div>
</template>

<script lang="ts" setup>
import { Tag } from '@morehook/component'
</script>

Type Declarations

Show Type Declarations
typescript
export declare const Tag: WithInstall<
  DefineComponent<
    {
      size: PropType<TagSize>
      mark: BooleanConstructor
      show: {
        type: BooleanConstructor
        default: true
      }
      type: {
        type: PropType<TagType>
        default: TagType
      }
      color: StringConstructor
      plain: BooleanConstructor
      round: BooleanConstructor
      textColor: StringConstructor
      closeable: BooleanConstructor
    },
    () => JSX.Element,
    unknown,
    {},
    {},
    ComponentOptionsMixin,
    ComponentOptionsMixin,
    "close"[],
    "close",
    VNodeProps & AllowedComponentProps & ComponentCustomProps,
    Readonly<
      ExtractPropTypes<{
        size: PropType<TagSize>
        mark: BooleanConstructor
        show: {
          type: BooleanConstructor
          default: true
        }
        type: {
          type: PropType<TagType>
          default: TagType
        }
        color: StringConstructor
        plain: BooleanConstructor
        round: BooleanConstructor
        textColor: StringConstructor
        closeable: BooleanConstructor
      }>
    > & {
      onClose?: ((...args: any[]) => any) | undefined
    },
    {
      type: TagType
      mark: boolean
      closeable: boolean
      show: boolean
      plain: boolean
      round: boolean
    }
  >
>
export default Tag
export { tagProps } from "./Tag"
export type { TagProps } from "./Tag"
export type { TagType, TagSize } from "./types"
declare module "vue-demi" {
  interface GlobalComponents {
    FastUseTag: typeof Tag
  }
}

Source

Source • Demo • Docs