concrete-elements | Vaadin

A set of web components and styles created specifically for the development of small, focused web apps.

Concrete logo

Published on webcomponents.org

About

Build web apps with Concrete!

Concrete is a set of web components and styles created specifically for the development of small, focused web apps.

Try now

You can demo all available Concrete elements, as well as access associated documentation, on the official Concrete site.

To hit the ground running with Concrete, you can base projects off the Concrete Starter App. This includes the necessary NPM and Webpack configurations, plus the most optimized HTML and directory structure for Concrete apps. Simply npm install, npx webpack, and go!

Install and use

You can start using Concrete after installing it with NPM:

npm i concrete-elements

To use Concrete elements in your code, import them like any other module:

import { ConcreteButton } from '../node_modules/concrete-elements/src/elements/ConcreteButton.js';

You can also use the bundled and minified files from /dist or the CDN:

<script src="https://unpkg.com/concrete-elements@latest/dist/concrete.bundle.js"></script>

Once Concrete is available, you can declare elements using plain HTML:

<concrete-button>Click me!</concrete-button>

Developer setup

A developer setup guide is available on the wiki.

License

This project is licensed under the MIT license.

Install

Link to this version
ImportedReleased 17 April 2019MIT License
Framework Support
Browser Independent
Install with
npm install concrete-elements"@0.4.6"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 0.4.6

Dependencies