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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞🌖🌞
-
Notifications
You must be signed in to change notification settings - Fork 0
autr/rad-and-cool-icons
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
No description, website, or topics provided.
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published