0.1.5 • Published 4 years ago

wc-rough-notation v0.1.5

Weekly downloads
-
License
MIT
Repository
-
Last release
4 years ago

WC Rough Notation

A Web Component port of the popular Rough Notation libary.

Usage

<wc-rough-notation showOnLoad type="highlight" color="#FF6d00">
  <h2>WC Rough Notation</h2>
</wc-rough-notation>
Groups
<wc-rough-notation-group id="group-to-show">
  <wc-rough-notation type="highlight" color="lightyellow" order="3">
    <h2>Rough notation group</h2>
  </wc-rough-notation>

  <wc-rough-notation type="underline" color="green" order="1">
    <p>By wrapping multiple rough notation elements into a group,</p>
  </wc-rough-notation>

  <wc-rough-notation order="2">
    <p>you can show them in animating in order</p>
  </wc-rough-notation>
</wc-rough-notation-group>

wc-rough-notation

Properties

PropertyAttributeTypeDefault
animationDelayanimationDelaynumber0
animationDurationanimationDurationnumber800
annotationannotationRoughAnnotation \| undefined
colorcolorstring"currentColor"
noAnimationnoAnimationbooleanfalse
orderordernumber0
paddingpaddingnumber5
showOnLoadshowOnLoadbooleanfalse
strokeWidthstrokeWidthnumber1
typetypeRoughAnnotationType"underline"

Methods

MethodType
hide(): void
isShowing(): boolean
remove(): void
show(): void

wc-rough-notation-group

Properties

PropertyAttributeTypeDefault
annotationElementsannotationElementsWcRoughNotation[][]
showOnLoadshowOnLoadbooleanfalse

Methods

MethodType
show(): void
0.1.5

4 years ago

0.1.4

4 years ago

0.1.3

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.0

4 years ago