diff --git a/site/content/docs/5.3/examples/collapse/index.html b/site/content/docs/5.3/examples/collapse/index.html new file mode 100644 index 0000000000..847bc4b934 --- /dev/null +++ b/site/content/docs/5.3/examples/collapse/index.html @@ -0,0 +1,128 @@ +--- +layout: examples +title: Collapse Directions example +--- + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ +
+
+ This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered. +
+
+
+
+
+
+ +
+
+ This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered. +
+
+
+
+
+
+ +
+
+ This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered. +
+
+
+
+
+
+ +
+
+ This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered. +
+
+
+
+
+ +
+
+
+ +
+
+ Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger. +
+
+
+
+
+ +
+
+ This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered. +
+
+
+
+ +
+
+ +
+
+ This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered. +
+
+
+
+
+ +
+
+ Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger. +
+
+
+
+
+
diff --git a/site/data/examples.yml b/site/data/examples.yml index 8a69fbbcaa..a9d582fe5a 100644 --- a/site/data/examples.yml +++ b/site/data/examples.yml @@ -64,6 +64,8 @@ description: "Create custom buttons for just about any use case with utilities." - name: Jumbotrons description: "Create modernized versions of the classic Bootstrap component." + - name: Collapse + description: "Create a collapse in four directions" - category: Custom Components description: "Brand-new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework." diff --git a/site/static/docs/5.3/assets/img/examples/collapse.png b/site/static/docs/5.3/assets/img/examples/collapse.png new file mode 100644 index 0000000000..eea4c2dc83 Binary files /dev/null and b/site/static/docs/5.3/assets/img/examples/collapse.png differ diff --git a/site/static/docs/5.3/assets/img/examples/collapse@2x.png b/site/static/docs/5.3/assets/img/examples/collapse@2x.png new file mode 100644 index 0000000000..4b41c839a0 Binary files /dev/null and b/site/static/docs/5.3/assets/img/examples/collapse@2x.png differ