stenciljs Questions
4
Solved
Stencil version: @stencil/[email protected]
I want to use Font Awesome inside my Stencil component.
I followed these steps from https://fontawesome.com/how-to-use/on-the-web/setup/using-packag...
Utilitarian asked 5/9, 2019 at 14:59
7
I'm struggling to get the Visual Studio Code debugger working in with Jest tests.
Here is my launch.json:
{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"n...
Severen asked 24/6, 2018 at 11:59
3
Our platform is built on a micro-frontend architecture with web components. We are using Stencil for some of them, this means we have multiple Stencil apps within one web page. Additionally, we hav...
Bolometer asked 13/1, 2020 at 8:22
4
In Nuxt 2 I could use server-side rendered Stencil components by leveraging the renderToString() method provided in the Stencil package in combination with a Nuxt hook, like this:
import { renderTo...
Beulabeulah asked 2/6, 2022 at 15:29
1
I have a Vue 3 application, and a StencilJS component library. One of my Stencil components used a default slot earlier, and it worked well with Vue. Now I introduced named slots in my Stencil comp...
Nobody asked 25/3, 2021 at 8:57
5
Solved
I have the following method:
componentDidLoad() {
this.image = this.element.shadowRoot.querySelector('.lazy-img');
this.observeImage();
}
observeImage = () => {
if ('IntersectionObserver'...
1
I'm trying to get my custom formfield to play nicely with NextJS.
But there seems to be an issue with the hydration.
This is my webcomponent:
@Component({
tag: 'test-checkbox',
shadow: false,
})
...
3
Solved
Is it possible to use the simple menu animation from W3School in Stencil.js?
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_menu_icon_js
I'm trying to set the styling on a click e...
2
Solved
I created a sample project to reproduce this issue: https://github.com/splanard/vue3-vite-web-components
I initialized a vue3 project using npm init vue@latest, as recommanded in the official docum...
4
I want to use a stencil library in my nuxt project.
I was able to get it working, but while the vue components are being rendered in the server side, I only could make the stencil's component to ...
Ovariectomy asked 23/1, 2019 at 10:15
2
Solved
Is there a reason why Jest would see this as a not identical when both seem exactly the same?
So here is the code I am using to do the test, it's basically just a function that calls for an event e...
2
I want to start leveraging http://webcomponents.me W3C standard which is now supported by all major web browsers.
I researched the internet and so far I found following frameworks:
Stencil - Cre...
Inigo asked 19/3, 2019 at 20:3
2
Solved
Stencil version:
@stencil/[email protected]
Jest version:
"jest": "24.8.0"
Current behavior:
I am trying to focus a input element on button click.
Which works fine, however upon tryi...
Kienan asked 21/10, 2019 at 5:53
2
Solved
I started with stencil today. Following code is all I have in my project. Docs say, if Component member decorated with @state() is changed, component will rerender.
Any changes to a @State() pr...
Grayce asked 24/2, 2019 at 18:56
6
I have the following code:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" con...
Zealous asked 26/10, 2018 at 7:7
2
In stencil's.js TSX elements attribute for the class selector is the class instead of className (as in React).
Can't find a way in VSCode to change the class attribute's name for emmet's expansion....
Lampyrid asked 17/8, 2019 at 17:51
3
Are the technical concepts of Angular Elements and Stencil similar?
Angular Elements will be a new feature in Angular 6, where u can basically wrap your written Angular component as a Web Componen...
Communistic asked 20/4, 2018 at 9:32
1
Solved
I'm working on a web app that uses web components built by StencilJS. All of the components have Shadow DOM turned on. Many of the components use 'slots' to accept child content.
I'm having some tr...
Henceforward asked 6/3, 2021 at 22:12
3
Solved
I have some web components custom elements, in this case built with StencilJS.
They are installed into my solution via an npm package and then included globally in a layout via a script tag.
How c...
Ceceliacecil asked 10/6, 2020 at 20:56
0
The stencil docs propose a way for server side rendering that works on a page level. It creates one whole of a hydrate app, which holds all the components created in a single index.js file which co...
Letitialetizia asked 21/10, 2020 at 9:43
4
Solved
I am unable to get global css variables working as described in the ionic stencil docs.
I created a 'variables.css' file in 'src/global/', then put "globalStyle: 'src/global/variables.css'" into t...
Noneffective asked 15/8, 2018 at 16:24
3
Solved
I'm trying out stenciljs for the first time. I want to build a little application and not just a reusable web component.
My question is if there's any possibility to add a third-party CSS library l...
Reef asked 11/10, 2018 at 15:43
2
Solved
I have a stencilJS component with two named slots. Is there a way to determine if the slots have been assigned values? For instance, the code snippet below show named slots for "logo" and "menu." H...
Stannic asked 11/5, 2019 at 17:26
3
Solved
import { Component, Prop } from '@stencil/core';
@Component({
tag: 'my-component',
styleUrl: 'my-component.css',
shadow: true
})
export class MyComponent {
@Prop() first: string;
@Prop() last...
Buckeye asked 21/4, 2018 at 7:38
1
Solved
I have components arranged like so:
app-home
shadow-root
component1
shadow-root
div id=div1
In other words both my app-home and component1 have shadow doms.
I can find component1 easily in Ste...
Broadcast asked 22/3, 2020 at 19:38
1 Next >
© 2022 - 2025 — McMap. All rights reserved.