@varlet/ui/types/alert.d.ts

A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.

import { VNode } from 'vue'
import { BasicAttributes, ListenerProp, SetPropsDefaults, VarComponent } from './varComponent'

export declare const alertProps: Record<keyof AlertProps, any>

export type AlertType = 'info' | 'success' | 'warning' | 'danger'

export type AlertVariant = 'tonal' | 'outlined' | 'standard'

export interface AlertProps extends BasicAttributes {
  type?: AlertType
  variant?: AlertVariant
  color?: string
  title?: string
  message?: string
  closeable?: boolean
  elevation?: boolean | string | number
  onClose?: ListenerProp<(e: Event) => void>
}

export class Alert extends VarComponent {
  static setPropsDefaults: SetPropsDefaults<AlertProps>

  $props: AlertProps

  $slots: {
    default(): VNode[]
    content(): VNode[]
    title(): VNode[]
    icon(): VNode[]
    'close-icon'(): VNode[]
  }
}

export class _AlertComponent extends Alert {}