Add a Callout component to function as a Bootstrap Callout element

Created on 16 July 2024, about 2 months ago
Updated 26 August 2024, 12 days ago

Problem/Motivation

Having no style and no component for the Bootstrap Callout style in CKEditor 5

Proposed resolution

  • Add a new component called Callout
  • Use the custom .bs-callout CSS class to stand for Bootstrap Callout and be isolated from .callout

Callout styles - Left to right (LTR)

Callout styles - Right to left (LTR)

Callout with styling options

Remaining tasks

  • ✅ File an issue about this project
  • ✅ Addition/Change/Update/Fix to this project
  • ✅ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ✅ Developer Documentation support on feature change/addition
  • ➖ User Guide Documentation support on feature change/addition
  • ➖ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ✅ Code review from 1 Varbase core team member
  • ✅ Full testing and approval
  • ✅ Credit contributors
  • ✅ Review with the product owner
  • ✅ Update Release Notes and Update Helper on new feature change/addition
  • ✅ Release varbase-10.0.1 , varbase_components-2.0.4

Varbase update type

  • ✅ No Update
  • ➖ Optional Update
  • ➖ Forced Update
  • ➖ Forced Update if Unchanged

User interface changes

Storybook page for the Callout component

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

Feature request
Status

Fixed

Version

2.0

Component

Code

Created by

🇯🇴Jordan n.ghunaim Amman - Jordan

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024