# 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

• dialog

# 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
}