Svelte-draw-border NPM

svelte-draw-border

Draw smooth borders around any element, with Svelte

Installation

npm i svelte-draw-border

Usage

Currently the animation is only triggered on hover.

<script>
  import DrawBorder from 'svelte-draw-border';
</script>

<DrawBorder initialColor="green" endColor="white">
  <button>Submit</button>
</DrawBorder>

Props

Name	Type	Default	Description
borderRadius	string	'0px'	Works with any valid CSS border-radius value
borderWidth	string	'2px'	Use px, ems, or rems
initialColor	string	'white'	Works with any valid CSS color value
endColor	string	'green	Works with any valid CSS color value
startingDeg	number	90	The position of the animation start, 0 being the middle & top of the target element
direction	'clockwise', 'counter-clockwise'	'clockwise'	The direction of the animation

@infinitebrahmanuniverse/nolb-svelte-d @everything-registry/sub-chunk-2855

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago