diff --git a/snooty.toml b/snooty.toml
index 659e947..e6602a4 100644
--- a/snooty.toml
+++ b/snooty.toml
@@ -23,3 +23,57 @@ kafka-connector = ["v1.9", "v1.8", "v1.7", "v1.6", "v1.5", "v1.4", "v1.3", "v1.2
 golang = ["v1.10", "v1.9", "v1.8", "v1.7"]
 java = ["v4.6", "v4.5", "v4.4", "v4.3"]
 php-library = ["v1.15", "v1.13", "v1.12", "v1.11", "v1.10", "v1.9", "v1.8", "v1.7", "v1.6", "v1.5", "v1.4", "v1.3", "v1.2", "v1.1"]
+
+
+[[composables]]
+id = "operator"
+title = "Operator"
+default = "queryString"
+options = [
+   {id = "queryString", title = "queryString"},
+   {id = "autocomplete", title = "autocomplete"}
+]
+
+# merging existing
+[[composables]]
+id = "cloud-provider"
+title = "Operator"
+default = "aws"
+options = [
+   {id = "aws", title = "new aws title"},
+   {id = "aws2", title = "aws2"}
+]
+
+# overwrite dependencies
+[[composables]]
+id = "language"
+title = "Language"
+default = "cpp"
+options = []
+
+# [[composables]]
+# # missing id
+# # missing title
+# default = "queryString"
+# options = [
+#    {id = "queryString", title = "queryString"},
+#    {id = "autocomplete", title = "autocomplete"}
+# ]
+
+
+# [[composables]]
+# id = "operator2"
+# title = "Operator2"
+# # works without default
+# options = [
+#    {id = "queryString", title = "queryString"},
+#    {id = "autocomplete", title = "autocomplete"}
+# ]
+
+# [[composables]]
+# id = "operator3"
+# title = "Operator3"
+# options = [
+#    {id = "queryString"}, # missing title
+#    {title = "autocomplete"} # missing id
+# ]
diff --git a/source/composable-tutorials.txt b/source/composable-tutorials.txt
new file mode 100644
index 0000000..e5a9bc2
--- /dev/null
+++ b/source/composable-tutorials.txt
@@ -0,0 +1,97 @@
+=====================================
+Example page with Composable Tutorial
+=====================================
+
+.. contents:: On this page
+   :local:
+   :backlinks: none
+   :depth: 2
+   :class: singlecol
+
+.. composable-tutorial::
+   :options: interface, language, deployment-type, operator
+   :defaults: driver, nodejs, atlas, queryString
+
+   .. selected-content::
+      :selections: driver, nodejs, atlas, queryString
+
+      This content will only be shown when the selections are as follows:
+      * Interface - Drivers
+      * Language - NodeJS
+      * Deployment Type - Atlas
+      * Operator (custom snooty.toml) - queryString
+
+   .. selected-content::
+      :selections: driver, c, atlas, queryString
+
+      This content will only be shown when the selections are as follows:
+      * Interface - Drivers
+      * Language - C
+      * Deployment Type - atlas
+      * Operator (custom snooty.toml) - queryString
+
+   .. selected-content::
+      :selections: driver, cpp, atlas, autocomplete
+
+      This content will only be shown when the selections are as follows:
+      * Interface - Drivers
+      * Language - CPP
+      * Deployment Type - atlas
+      * Operator (custom snooty.toml) - autocomplete
+
+
+   .. selected-content::
+      :selections: atlas-admin-api, None, atlas, queryString
+
+      This content will only be shown when the selections are as follows:
+      * Interface - Atlas Admin API
+      * Deployment Type - atlas
+      * Operator (custom snooty.toml) - queryString
+
+   .. selected-content::
+      :selections: atlas-admin-api, None, atlas, autocomplete
+
+      This content will only be shown when the selections are as follows:
+      * Interface - Atlas Admin API
+      * Deployment Type - Atlas
+      * Operator (custom snooty.toml) - autocomplete
+
+   .. selected-content::
+      :selections: atlas-admin-api, None, self, autocomplete
+
+      This is a title under selected content
+      --------------------------------------
+
+      This content will only be shown when the selections are as follows:
+      * Interface - Atlas Admin API
+      * Deployment Type - self
+      * Operator (custom snooty.toml) - autocomplete
+
+      This content will only be shown when the selections are as follows:
+      * Interface - Atlas Admin API
+      * Deployment Type - self
+      * Operator (custom snooty.toml) - autocomplete
+
+      This content will only be shown when the selections are as follows:
+      * Interface - Atlas Admin API
+      * Deployment Type - self
+      * Operator (custom snooty.toml) - autocomplete
+
+      This content will only be shown when the selections are as follows:
+      * Interface - Atlas Admin API
+      * Deployment Type - self
+      * Operator (custom snooty.toml) - autocomplete
+
+      .. io-code-block:: 
+         :copyable: true 
+
+         .. input::
+            :language: shell 
+
+            QUERY_EMBEDDING.length
+
+         .. output:: 
+            :language: shell 
+
+            1536
+