Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Web Component Support for Skeleton Components #2908

Open
TazorDE opened this issue Oct 25, 2024 · 0 comments
Open

Web Component Support for Skeleton Components #2908

TazorDE opened this issue Oct 25, 2024 · 0 comments
Labels
feature request Request a feature or introduce and update to the project.

Comments

@TazorDE
Copy link
Member

TazorDE commented Oct 25, 2024

Describe the feature in detail (code, mocks, or screenshots encouraged)

Using Svelte it is possible to export Components as Web-Components so they are more generally available.
This can be done by adding the following tag-option to an existing Svelte-Component:

<svelte:options customElement="my-element" />

Once a custom element has been defined, it can be used as a regular DOM element after importing the script that defines it.

With that we can quickly and relatively cheaply expand Skeletons availability beyond supporting just selected frameworks and be generally available in the web. And while dedicated framework support is always better than web components it should be a great intermediary option.

Installing tailwind will be difficult to document for this so this should reference the tailwind documentation directly I think.

What type of pull request would this be?

New Feature

Provide relevant links or additional information.

Svelte Documentation: https://svelte.dev/docs/svelte/custom-elements

@TazorDE TazorDE added the feature request Request a feature or introduce and update to the project. label Oct 25, 2024
@TazorDE TazorDE added this to the Future Updates milestone Oct 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature request Request a feature or introduce and update to the project.
Projects
None yet
Development

No branches or pull requests

1 participant