Stack Overflow
Stack Overflow

Questions tagged [stenciljs]

Stencil is a compiler created by the Ionic Framework team that generates Web Components (more specifically, Custom Elements). Stencil combines the best concepts of the most popular frameworks into a simple build-time tool.

Features and Benefits:

  • Virtual DOM
  • Async rendering (inspired by React Fiber)
  • Reactive data-binding
  • TypeScript
  • JSX

Official pages:

716 questions
0
votes
1 answer

Is there a stencil package that works out of the box with express template rendering?

I've tried (and failed) to use 3 different Stencil packages with node/express. (stencil, stencil-js, @stencil). In particular, I am looking for a package that lets me do the standard express template rendering, like: npm install…
svenyonson
  • 1,815
  • 1
  • 21
  • 30
-1
votes
2 answers

Read a variable from tsx to scss file

I need to make a custom component in stencil where the color is dynamic. Any way to take the value of variable from tsx and access it on scss file. The code is…
Stefani Toto
  • 280
  • 3
  • 13
-1
votes
1 answer

Web component developed using stencil not working in IE11

I have some stencil components developed, but after production build the dist js included in plain HTML and using the component as is not working there, getting error as calling delete on 'included' is not allowed in strict…
Rahul Gupta
  • 69
  • 2
  • 14
-1
votes
1 answer

how to show stencil JS build on html without localhost?

How to show stencil JS build on html without localhost ? It is running on local server but I want only running the html file. enter image description here
Munkhdalai M
  • 11
-1
votes
1 answer

Why doesn't handleClick() change the style?

I have a problem with a Stencil.js component. I want to make a image slider with two buttons. When the first button is clicked, the index of the imgs goes -1. When the second button is clicked, it goes +1. I tried to use clickHandler for changing…
Nicole Höfler
  • 41
  • 1
  • 7
-1
votes
1 answer

cannot find module cloudinary-core

git clone https://github.com/ionic-team/stencil-starter.git cl-gallery followed the instruction on https://cloudinary.com/blog/cloudinary_image_gallery_with_stencil_custom_components and getting an error message : cannot find module cloudinary-core …
Helmar Bachle
  • 49
  • 1
  • 1
  • 9
-1
votes
1 answer

Create authentication form using a Web Component

I'm thinking about using StencilsJS for creating a complete login/registration form. Including features like Google and Facebook logins. What I'm trying to achieve is to have web component which can be configurable (CSS and authentication settings)…
Zeno Trevisan
  • 517
  • 1
  • 8
  • 23
-2
votes
1 answer

how to wait for an event in a sub component in a chain of promises?

I have a component that displays a list of images with timing, transitions etc. and emits a "finished" event when it's done. Now I want to embed this component in another one that recurses in a tree of directories, sending a new list of…
Dr. Goulu
  • 580
  • 7
  • 21
-2
votes
1 answer

How to make canvas animation in StencilJS?

I'm programming a website with stencilJS and i want to include a canvas animation. But it says that the width, high is null, so it couldnt read this. Why is this not working? I tried to put the script-tag before the canvas-tag. I tried almost…
Racergirl001
  • 17
  • 5
-2
votes
2 answers

ion-input get element reference vanilla js

I'm using stencil.js to create a web component that is framework agnostic and contains some ionic4 web components including The docs for ion-input show a method getInputElement() => Promise to access the native …
charlietfl
  • 170,828
  • 13
  • 121
  • 150
-4
votes
1 answer

Why is the element in the DOM despite being display: none?

&__alert-icon-wrapper { display: none; &.show { position: relative; min-width: 48px; display: flex; justify-content:…
happy_story
  • 1
  • 1
  • 7
  • 17
1 2 3
…
47
48