diff --git a/src/components/caly-calendar/readme.md b/src/components/caly-calendar/readme.md
index 106b2db..3b409ed 100644
--- a/src/components/caly-calendar/readme.md
+++ b/src/components/caly-calendar/readme.md
@@ -36,6 +36,22 @@
```
+### Bundler
+
+```sh
+npm install caly @stencil/core --save-dev
+```
+
+```js
+import { defineCustomElements } from 'caly'
+defineCustomElements()
+```
+
+```html
+
+```
+
+
### Simple
```html
diff --git a/src/components/caly-calendar/usage/bundler.md b/src/components/caly-calendar/usage/bundler.md
new file mode 100644
index 0000000..65df865
--- /dev/null
+++ b/src/components/caly-calendar/usage/bundler.md
@@ -0,0 +1,12 @@
+```sh
+npm install caly @stencil/core --save-dev
+```
+
+```js
+import { defineCustomElements } from 'caly'
+defineCustomElements()
+```
+
+```html
+
+```