From 63d79fdf3a3b2397a8bec1bdcaa09ea306e07154 Mon Sep 17 00:00:00 2001
From: "joel@joellee.org" <joel@joellee.org>
Date: Wed, 5 Apr 2023 15:17:29 +0800
Subject: [PATCH] feat: add accordion

---
 .../pages/guides/auth/phone-login/twilio.mdx  | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/apps/docs/pages/guides/auth/phone-login/twilio.mdx b/apps/docs/pages/guides/auth/phone-login/twilio.mdx
index be9da960411..cd0d9083c02 100644
--- a/apps/docs/pages/guides/auth/phone-login/twilio.mdx
+++ b/apps/docs/pages/guides/auth/phone-login/twilio.mdx
@@ -1,5 +1,5 @@
 import Layout from '~/layouts/DefaultGuideLayout'
-
+import {Accordion} from 'ui'
 export const meta = {
   id: 'auth-twilio',
   title: 'Phone Auth with Twilio',
@@ -294,6 +294,23 @@ and the response should also be the same as above:
 ```
 
 The user does not have a password therefore will need to sign in via this method each time they want to access your service.
+<Accordion
+                  type="default"
+                  openBehaviour="multiple"
+                  chevronAlign="right"
+                  justified
+                  size="medium"
+                  className="text-scale-900 dark:text-white"
+                >
+                <Accordion.Item
+                          header={<span className="text-scale-1200">Test Question</span>}
+                          id={`faq--i`}
+                        >
+                    <Accordion.Content>
+                        <Accordion.Item>
+                        </Accordion.Item>
+
+</Accordion>
 
 ## Resources