Shipnity Website Document

# snt-dialog

snt-dialog component inform users about a specific task and may contain critical information, require decisions, or involve multiple tasks. Use dialogs sparingly because they are interruptive.

# Component Pages

# Props

# value

  • Type: Boolean
  • Default: false

# icon

  • Type: String
  • Default: undefined

# label

  • Type: String
  • Default: ''

# width

  • Type: String | Number
  • Default: 'auto'

# max-width

  • Type: String | Number
  • Default: 'auto'

# content

  • Type: String (HTML)
  • Default: ''

# transition

  • Type: String | Boolean
  • Default: 'dialog-transition'

# content-class

  • Type: String
  • Default: ''

# fullscreen

  • Type: Boolean
  • Default: false

# retain-focus

  • Type: Boolean
  • Default: true

# attach

  • Type: Boolean
  • Default: false

# scrollable

  • Type: Boolean
  • Default: false

# eager

  • Type: Boolean
  • Default: false

# persistent

  • Type: Boolean
  • Default: false

# Slots

# default

{
  icon: string,
  label: string,
  content: string,
  close: () => void
}

# activator

{ 
  attrs: {
    icon: string,
    label: string,
    content: string
  },
  on: Events
}

← snt-row →