2
0
mirror of https://github.com/iconify/iconify.git synced 2024-11-09 14:50:56 +00:00

SolidJS wrapper minor changes

This commit is contained in:
Vjacheslav Trushkin 2022-05-17 00:27:45 +03:00
parent d14fdfd6c9
commit 660ef6e8a3
2 changed files with 8 additions and 13 deletions

View File

@ -62,10 +62,10 @@ Main packages:
Directory `iconify-icon` contains `iconify-icon` web component and wrappers for various frameworks.
| Package | Usage |
| -------------------------------------- | ---------- |
| ---------------------------------------- | ---------- |
| [Web component](./iconify-icon/icon/) | Everywhere |
| [React wrapper](./iconify-icon/react/) | React |
| [Solid wrapper](./iconify-icon/solid/) | Solid.js |
| [SolidJS wrapper](./iconify-icon/solid/) | SolidJS |
Frameworks that are confirmed to work with web components without custom wrappers:
@ -86,7 +86,7 @@ Directory `iconify-icon-demo` contains demo packages that show usage of `iconify
- [Vue 3 demo](./iconify-icon-demo/vue-demo/) - demo for web component with Vue 3. Run `npm run dev` to start demo.
- [Nuxt 3 demo](./iconify-icon-demo/nuxt3-demo/) - demo for web component with Nuxt 3. Run `npm run dev` to start demo. Requires custom config, see below.
- [Vue 2 demo](./iconify-icon-demo/vue2-demo/) - demo for web component with Vue 2. Run `npm run build` to build demo and `npm run serve` to start it.
- [Solid.js demo](./iconify-icon-demo/solid-demo/) - demo using web component with Solid. Run `npm run dev` to start demo.
- [SolidJS demo](./iconify-icon-demo/solid-demo/) - demo using web component with SolidJS. Run `npm run dev` to start demo.
#### Nuxt 3 usage

View File

@ -73,17 +73,12 @@ export {
_api,
} from 'iconify-icon';
// Test to make sure all properties are handled
function assertNever(v: never) {
//
}
/**
* Properties for Solid component
*/
type BaseAttributes = JSX.IntrinsicElements['span'];
type BaseElementProps = JSX.IntrinsicElements['span'];
export interface IconifyIconProps
extends BaseAttributes,
extends BaseElementProps,
IconifyIconProperties {
// Rotation can be string or number
rotate?: string | number;