Display pattern if available in OpenAPI params (#2461)

Co-authored-by: Samy Pessé <samypesse@gmail.com>

Author: vibhanshub

.changeset/poor-bats-cheer.md

@@ -0,0 +1,5 @@
+---
+'@gitbook/react-openapi': minor
+---
+
+Display pattern if available in parmas in OpenAPI block

packages/gitbook/src/components/DocumentView/OpenAPI/style.css

@@ -174,7 +174,8 @@
     @apply prose-sm;
 }
 
-.openapi-schema-example {
+.openapi-schema-example,
+.openapi-schema-pattern {
     @apply prose-sm mt-2 text-dark/10 dark:text-light/10;
 }
 

packages/react-openapi/src/OpenAPISchema.tsx

@@ -104,6 +104,11 @@ export function OpenAPISchemaProperty(
                             Example: <code>{JSON.stringify(schema.example)}</code>
                         </span>
                     ) : null}
+                    {schema.pattern ? (
+                        <div className="openapi-schema-pattern">
+                            Pattern: <code>{schema.pattern}</code>
+                        </div>
+                    ) : null}
                 </div>
             }
         >