rad-and-cool-icons
v1.0.3
Published
rad and cool light dark icon 4 u
Downloads
2
Maintainers
Readme
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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞