Skip to content

autr/rad-and-cool-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


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

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

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


About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published