Superkube-vue

Appearance

KLabel ​

Renders a label.

BaseWith closeDarkLightLink
ts
interface KLabelProps {
    label: string
    mode?: 'base' | 'dark' | 'light'
    withClose?: boolean
    href?: string
}

Basic usage ​

vue
<KLabel label="New" />

Props ​

label ​

The label's text.

mode ​

Visual appearance. Can contain values 'base' , 'dark' and 'light'.

withClose ​

Adds a close icon to the label. It emits close event on click.

href ​

If provided, the label will be rendered as <a> tag with the provided href attribute.