v2 to v3
v2 to v3
Cosmos Web 3.0.0 removes deprecated APIs and replaces them in favor of a more readable, intuitive, and aligned interface across all components. To migrate from any previous version to Cosmos 3.0.0, the usage of previously deprecated API needs to be migrated accordingly:
Default Card
Properties
- Use favorite-aria-label instead of favorite-label
- Use imageinstead of image-url
- Use favoritable instead of is-favoritable
- Use favorited instead of is-favorited
- Use logo-narrow instead of is-logo-narrow
- Use logo instead of logo-url
- Use image-preview instead of preview-url
- Use video instead of video-url
- Use cover instead of is-full-bleed
Events
- Use favoriteclick instead of favorite-click
- Use mediaresize instead of media-resize
Person Card
Properties
- Use favorite-aria-label instead of favorite-button-aria-label
- Use flag instead of flag-image-url
- Use image instead of image-url
- Use external instead of is-external
- Use favoritable instead of is-favoritable
- Use favorited instead of is-favorited
- Use image-preview instead of preview-url
- Use profile-image instead of profile-image-url
- Use video instead of video-url
Events
- Use favoriteclick instead of favorite-click
- Use mediaresize instead of media-resize
Shadow Part
- Use flag instead of nationality-flag
- Use nationality instead of nationality-label
Story Card
Properties
- Use favorite-aria-label instead of favorite-label
- Use image instead of image-url
- Use favoritable instead of is-favoritable
- Use favorited instead of is-favorited
- Use logo-narrow instead of is-logo-narrow
- Use logo instead of logo-url
- Use image-preview instead of preview-url
- Use video instead of video-url
Events
- Use favoriteclick instead of favorite-click
- Use mediaresize instead of media-resize
Video Card
Properties
- Use favorite-aria-label instead of favorite-label
- Use image instead of image-url
- Use favoritable instead ofis-favoritable
- Use favorited instead of is-favorited
- Use logo-narrow instead of is-logo-narrow
- Use logo instead of logo-url
- Use image-preview instead of preview-url
- Use video instead of video-url
- Use live instead of is-live
Events
- Use favoriteclick instead of favorite-click
- Use mediaresize instead of media-resize
Product Card
Events
- Use mediaresize instead of media-resize
Tooltip
Properties
- Use visible instead of show
Icon
Properties
- Use aria-label instead of label
Link
Properties
- others is not supported anymore