Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@steeze-ui/svelte-icon

Package Overview
Dependencies
Maintainers
1
Versions
24
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@steeze-ui/svelte-icon - npm Package Compare versions

Comparing version 1.0.2 to 1.1.0

types/index.d.ts

6

CHANGELOG.md
# @steeze-ui/svelte-icon
## 1.1.0
### Minor Changes
- add GenericIcon type to src attribute
## 1.0.2

@@ -4,0 +10,0 @@

3

Icon.svelte.d.ts
import { SvelteComponentTyped } from "svelte";
import type { GenericIcon } from './types/index';
declare const __propDef: {
props: {
[x: string]: any;
src: any;
src: GenericIcon;
size?: string;

@@ -7,0 +8,0 @@ theme?: string;

@@ -1,1 +0,2 @@

export { default as Icon } from "./Icon.svelte";
export { default as Icon } from './Icon.svelte';
export * from './types';

@@ -1,2 +0,2 @@

export {default as Icon} from "./Icon.svelte"
export { default as Icon } from './Icon.svelte';
export * from './types';
{
"name": "@steeze-ui/svelte-icon",
"version": "1.0.2",
"version": "1.1.0",
"devDependencies": {

@@ -40,7 +40,5 @@ "@sveltejs/adapter-auto": "next",

"exports": {
"./package.json": "./package.json",
".": "./index.js"
"./package.json": "./package.json"
},
"svelte": "./index.js",
"readme": "# READ THIS FIRST\n\nThis project is still in experimental development. Expect bugs and breaking changes!\n\n## Overview\n\nEffortless Svelte Icon Component\n\n- Made for SvelteKit & Vite environments\n- Usable with all official [Icon Packs](https://github.com/steeze-ui/icons/)\n- Dynamically change theme on runtime\n\n## Installation\n\n```bash\nnpm i -D @steeze-ui/svelte-icon\n```\n\n## Usage\n\n```svelte\n<script>\n //import icon component\n import {Icon} from '@steeze-ui/svelte-icon'\n\n //import as many icons from a Icon Pack\n import {LightningBolt} from '@steeze-ui/heroicons'\n</script>\n\n<!-- Set Icon Theme via the attribute -->\n<Icon src={LightningBolt} theme='solid' class='color-gray-900'>\n```\n\n## Documentation\n\n### Icon attributes\n\n| Attribute | Default | Description |\n| --------- | ------- | ------------------------------------------------------------------- |\n| src | - | (required) The source of a icon coming from an Icon Pack |\n| theme | default | Configures to use a Icon Theme if available (otherwise use default) |\n| size | 100% | Configures width and height |\n| class | - | Configures width and height |\n| \\* | - | Any html attribute that is valid (e.g aria-hidden) |\n\n### Icon Packs\n\nFor all available Icon Packs visit [steeze-ui/icons](https://github.com/steeze-ui/icons)\n\n## Development\n\nThis repo uses pnpm. To build a new version of the package just run:\n\n```bash\npnpm install && pnpm package\n```\n"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc