Event Sounds

Event sounds provide clear audio feedback for important app events like success, errors, and task completion. These 4 sounds help users understand what’s happening in your app.

Usage

// Play event sounds
play ~event-success
play ~event-error

Available Event Sounds

Click the play button to preview any sound and copy its tag. You can also click the sound name to copy it.

Examples

Form Submission

submit-form => result
  if result.success
    play ~event-success
    notify "Form submitted successfully!"
    navigate-to "/thank-you"
  else
    play ~event-error
    notify "Please check your information"
    highlight-errors result.errors
  end

File Upload

upload-file $file => status
  if status = "uploading"
    show-progress
  elif status = "complete"
    play ~event-complete
    notify "Upload finished!"
  elif status = "cancelled"
    play ~event-cancel
    notify "Upload cancelled"
  elif status = "error"
    play ~event-error
    notify "Upload failed"
  end

Game Achievements

// Achievement unlocked
if $score > $high-score
  play ~event-success
  show-achievement "New High Score!"
  set $high-score to $score
end

// Level complete
if $level-complete
  play ~event-complete
  show-results
  unlock-next-level
end

Process Monitoring

// Long running process
start-process => 
  show-loading "Processing..."
  
process-complete =>
  play ~event-complete
  hide-loading
  show-results

process-error => error
  play ~event-error
  show-error error.message

Best Practices

1. Be Consistent - Use the same sound for similar events across your app
2. Don’t Overuse - Reserve event sounds for important moments
3. Consider Context - Error sounds in a game might be different than in a business app
4. Test Volume - Event sounds are often louder, so test at different volumes