rad-and-cool-icons

1.0.3 • Public • Published

RAD AND COOL LIGHT DARK ICON
============================

it is an icon that does a moon or a sun when u click it 

u can do it as a svelte-component or web-component 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

npm install rad-cool-light-dark-icon

--------------------------------------------------------------

<script src="dist/index.js" />
<rad-cool-light-dark-icon />

or 

import RadCoolLightDarkIcon from 'rad-and-cool-light-dark-icon'
<RadCoolLightDarkIcon />

--------------------------------------------------------------

arguments and defaults r:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	amount (default: 10) -> amount of sunrayz			
	width (default: 200) -> icon width
	height (default: 200) -> icon height
	stroke (default: 2) -> stroke width
	rays (default: 0.2) -> size of sunrayz			
	space (default: 0.1) -> size of sunray margin
	dark (default: false) -> bind this! toggles dark/light
	duration (default: 1000) -> animation duration
	offset (default: { x: 0.6, y: 0.4, r: 0.85 }) -> cresent start position
	end (default: { x: 1, y: 0, r: 0.5 }) -> cresent end position
	easing (default: "cubicOut") -> svelte.js easing type
	color (default: "#efefef") -> stroke colour

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞


Package Sidebar

Install

npm i rad-and-cool-icons

Weekly Downloads

0

Version

1.0.3

License

none

Unpacked Size

790 kB

Total Files

6

Last publish

Collaborators

  • autr