ComponentsExamples

feedback

validation-message

Displays validation errors, warnings, and info — severity routes through lib/tone (error is destructive, warning is warning, info is muted). List view for full detail, Summary for compact inline counts.

2 messages
  • errorMissing required field 'name'4
  • warning'tags' is deprecated, use 'labels'9:3
errorMissing required field 'name'
warning'tags' is deprecated, use 'labels'

Two messages (error + warning) in List view, then Summary below the divider — notice info-severity is muted, not the blue info tone.

Installation

Usage

ValidationMessage: Root · SeverityBadge · SeverityDot · Message · Location · List · Summary

Use when

  • Form or document validation results with line/column locations
  • Summary inline — counts only, clickable to scroll to the list