diff --git a/examples/stencil-components/angular/src/app/app.component.html b/examples/stencil-components/angular/src/app/app.component.html index e72e8f737d..5b726e4f22 100644 --- a/examples/stencil-components/angular/src/app/app.component.html +++ b/examples/stencil-components/angular/src/app/app.component.html @@ -126,6 +126,21 @@

Sidebar


+

Card

+ + + + Overline + Headline + This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more.This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more.This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a long description in order to test if the text will overflow its container or not. So I am typing even more text. And more and more. + + + Button + Button + + +
+

Switch


diff --git a/examples/stencil-components/vanilla-cdn/index.html b/examples/stencil-components/vanilla-cdn/index.html index 715ad760c2..50eb6a9a53 100644 --- a/examples/stencil-components/vanilla-cdn/index.html +++ b/examples/stencil-components/vanilla-cdn/index.html @@ -130,9 +130,37 @@

Sidebar


+

Card

+ + + + Overline + Headline + This is a long description in order to test if the text will overflow its container or not. So I am + typing even more text. And more and more. This is a long description in order to test if the text will overflow + its container or not. So I am typing even more text. And more and more. This is a long description in order to + test if the text will overflow its container or not. So I am typing even more text. And more and more. This is a + long description in order to test if the text will overflow its container or not. So I am typing even more text. + And more and more.This is a long description in order to test if the text will overflow its container or not. So + I am typing even more text. And more and more. This is a long description in order to test if the text will + overflow its container or not. So I am typing even more text. And more and more.This is a long description in + order to test if the text will overflow its container or not. So I am typing even more text. And more and more. + This is a long description in order to test if the text will overflow its container or not. So I am typing even + more text. And more and more. + + + Button + Button + + +
+

Switch


+ @@ -155,7 +183,7 @@

Switch

const radioBtn = document.querySelector('#radio-btn'); const numberIndicator = document.querySelector('#number-indicator'); const switchToggle = document.querySelector('#switch'); - + const cardBtn = document.querySelector('#cardBtn'); const toggleDisabledButton = document.querySelector("#toggleDisabled"); const toggleErrorButton = document.querySelector("#toggleError"); @@ -237,6 +265,11 @@

Switch

}); + cardBtn.addEventListener('click', () => { + console.log("card button click event"); + }); + + }); diff --git a/examples/wrapper-components/react-javascript/src/App.js b/examples/wrapper-components/react-javascript/src/App.js index 3f98a9d59f..4c443acb82 100644 --- a/examples/wrapper-components/react-javascript/src/App.js +++ b/examples/wrapper-components/react-javascript/src/App.js @@ -16,6 +16,7 @@ import IconButton from './components/IconButton/IconButton'; import Tab from './components/Tab/Tab'; import Tag from './components/Tag/Tag'; import Switch from './components/Switch/Switch'; +import Card from './components/Card/Card'; function App() { return ( @@ -32,6 +33,10 @@ function App() {