+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/kitchensink/vite.config.js b/apps/kitchensink/vite.config.js
index 34d769d3d3..3420881f3f 100644
--- a/apps/kitchensink/vite.config.js
+++ b/apps/kitchensink/vite.config.js
@@ -46,6 +46,7 @@ const config = {
wizardWithModal: new URL("./wizard-with-modal.html", import.meta.url).pathname,
wizardWithModalEmpty: new URL("./wizard-with-modal-empty.html", import.meta.url).pathname,
fullScreenModal: new URL("./full-screen-modal.html", import.meta.url).pathname,
+ createOrgModal: new URL("./create-org-modal.html", import.meta.url).pathname,
},
},
},
diff --git a/apps/pink/src/pages/elements/list.mdx b/apps/pink/src/pages/elements/list.mdx
index a5e57a29ed..96d11f5cf3 100644
--- a/apps/pink/src/pages/elements/list.mdx
+++ b/apps/pink/src/pages/elements/list.mdx
@@ -72,3 +72,32 @@ In the Appwrite console we use two types of list items:
+
+# Un ordered list (native)
+
+Creating an un-ordered list style
+
+| Class | Type | |
+| ------------------- | ----------------- | ------------------------------------------- |
+| `un-order-list` | List | Use in cases list items begin with an icon |
+
+
+
+
+
+ List Item
+
+
+
+
+ List Item
+
+
+
+
+ List Item
+
+
+
+
+
\ No newline at end of file
diff --git a/packages/ui/src/7-components/_list.scss b/packages/ui/src/7-components/_list.scss
index 309d6d4d23..8d045c6035 100644
--- a/packages/ui/src/7-components/_list.scss
+++ b/packages/ui/src/7-components/_list.scss
@@ -24,6 +24,13 @@
}
}
+.un-order-list {
+ display:flex; flex-direction:column;
+ list-style-type:disc; line-height:1.8;
+ padding-inline-start:pxToRem(16);
+ > *::marker { all:revert; }
+}
+
.numeric-list {
--p-numeric-border-color: var(--color-neutral-10);
--p-numeric-bg-color: var(--color-neutral-5);