Overview
- Key improvements in this series:
- 115+ primitive components for building custom comment dialogs
- Each subcomponent can now be used independently without requiring the full dialog structure
- Two usage patterns: ID-Based (Standalone) and Context Wrapper
- Full control over comment dialog layout and styling
Breaking Changes
- [CSS Element Names] If you applied CSS to comment dialog element selectors, you need to update them to target the new element names.
- Replace
snippyly-comment-dialogwithvelt-comment-dialog-internal - Replace
app-comment-dialog-*pattern withvelt-comment-dialog-*-internal - For example:
app-comment-dialog-composerbecomesvelt-comment-dialog-composer-internal - Important: Only element names need to be updated. Class names remain unchanged.
- Replace
How to Upgrade
- Search your CSS files for any element selectors using
snippyly-comment-dialogorapp-comment-dialog-*patterns. - Update the element selectors using the following replacements:
| Old Element Name | New Element Name |
|---|---|
snippyly-comment-dialog | velt-comment-dialog-internal |
app-comment-dialog-composer | velt-comment-dialog-composer-internal |
app-comment-dialog-header | velt-comment-dialog-header-internal |
app-comment-dialog-body | velt-comment-dialog-body-internal |
- Deploy the latest version of the Velt SDK to your product.
If you are only using class selectors (e.g.,
.comment-dialog-composer), no changes are required.