CBoxLine

Web component <c-box-line> represents a text “box” and “arrow” connected a line, see example.

Options

• ESM Component can be found in ./CBoxLine.js
• UMD alternative see ./lib/CBoxLine.umd.js
• CEI alternative see ./lib/CBoxLine.cei.js

Usage

Web Component <c-box-line position-bubble position-circle><*></*></c-box-line>:

• The “image caption” component, i.e. the line from <*> to the pointer (circle)
• The component is expanded to 100% and placed in the top left
• box and wheel (and line) are positioned percentage-wise within the component using the position-* attributes
• partially treated if, the box and wheel are in the horizontal/vertical plane
• by default the box is moved to 0 0 and the wheel to 100 100 (see attributes)
• all configuration options see getComponentConfig (and type config and attributes)

Development

• see ./bs