My Example App

# @conectate/components (Conectate Components) > IMPORTANT: The Conectate Elements are a work in progress and subject to major changes. `@conectate/components` is a collection of [Web Components](https://developer.mozilla.org/en-US/docs/Web/Web_Components) maintained by [@herberthobregon](https://github.com/herberthobregon) that implement [Material Design](https://material.io/design/). This repo builds and publishes **one single npm package**: - `@conectate/components` And components are imported by subpath, for example: - `import "@conectate/components/ct-button"` - `import "@conectate/components/ct-icon/ct-icon-button.js"` ## Components All components live under [`src/`](./src/) and are exposed via subpath imports from `@conectate/components`. Examples: - `@conectate/components/ct-button` - `@conectate/components/ct-dialog` - `@conectate/components/ct-icon` - `@conectate/components/ct-icon/icon-list.js` ## Quick start with `ct-button` #### 1) Install Install from NPM: ```sh pnpm i @conectate/components ``` #### 2) Write Raw HTML and JavaScript (without frameworks) Import the component's JavaScript module, use the component in your HTML, and control it with JavaScript, just like you would with a built-in element such as `

ct-components

Installation

SKILL.md