Spring Components

The spring-components module is a proof of concept to see whether or not it is possible to build a scalable web component library with StencilJS which can then be used without hassle in existing projects regardless of the tooling.

Instructions

• Clone the repository git clone https://github.com/spring-media/spring-components

spring-components

1. cd into /spring-components
2. Install the necessary dependencies yarn
3. Start the development server yarn start

react-demo

1. cd into /react-demo
2. Install the necessary dependencies yarn
3. Start the development server yarn start

vue-demo

1. cd into /vue-demo
2. Install the necessary dependencies yarn
3. Start the development server yarn start

Components

spring-marquee

Requires a set of <span> elements with the class name of .item

<spring-marquee>
	<span class="item">Web Components</span>
	<span class="item">React</span>
	<span class="item">Vue</span>
</spring-marquee>

spring-live-ticker

Requires plain text and has an optional subtitle prop

<spring-live-ticker  subtitle="This just in:">
	Web Components are useful
</spring-live-ticker>

spring-graphql

Takes an ISO 3166 Alpha-2 code as a prop

<spring-graphql country-code="DE" />

spring-video

Requires a source prop

<spring-video source="SOURCE_TO_YOUR_VIDEO_FILE" />

Live App Demos

• react demo
• vue demo