WEBDIENSTE/OpenSign
1
0
Fork 0
mirror of https://github.com/OpenSignLabs/OpenSign.git synced 2026-08-24 08:32:34 +02:00
Code Issues Packages Projects Releases Wiki Activity

deploy: 9aebbde627

Browse Source
This commit is contained in:
github-actions[bot]
2025-02-18 07:43:48 +00:00
parent d5dbaa13c0
commit 8823d8be82
101 changed files with 182 additions and 180 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/API-docs/selfsign/index.html
+27 -25
View File
@@ -5,7 +5,7 @@
<meta name="generator" content="Docusaurus v3.7.0">
<title data-rh="true">Self Sign | OpenSign™</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://docs.opensignlabs.com/img/docusaurus-social-card.png"><meta data-rh="true" name="twitter:image" content="https://docs.opensignlabs.com/img/docusaurus-social-card.png"><meta data-rh="true" property="og:url" content="https://docs.opensignlabs.com/docs/API-docs/selfsign"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Self Sign | OpenSign™"><meta data-rh="true" name="description" content="The selfsign API generates a URL that enables freestyle signing of a document. You can also include optional pre-defined widgets, which the signer can edit or expand upon as needed. This provides a signing experience similar to the “Sign Yourself” flow in the OpenSign app."><meta data-rh="true" property="og:description" content="The selfsign API generates a URL that enables freestyle signing of a document. You can also include optional pre-defined widgets, which the signer can edit or expand upon as needed. This provides a signing experience similar to the “Sign Yourself” flow in the OpenSign app."><link data-rh="true" rel="icon" href="/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://docs.opensignlabs.com/docs/API-docs/selfsign"><link data-rh="true" rel="alternate" href="https://docs.opensignlabs.com/docs/API-docs/selfsign" hreflang="en"><link data-rh="true" rel="alternate" href="https://docs.opensignlabs.com/docs/API-docs/selfsign" hreflang="x-default"><link rel="alternate" type="application/rss+xml" href="/blog/rss.xml" title="OpenSign™ RSS Feed">
<link rel="alternate" type="application/atom+xml" href="/blog/atom.xml" title="OpenSign™ Atom Feed"><link rel="stylesheet" href="/assets/css/styles.6bed5790.css">
<script src="/assets/js/runtime~main.44114b57.js" defer="defer"></script>
<script src="/assets/js/runtime~main.cc74056c.js" defer="defer"></script>
<script src="/assets/js/main.707be612.js" defer="defer"></script>
</head>
<body class="navigation-with-keyboard">
@@ -22,42 +22,42 @@
<li><strong>w, h:</strong> Represents the width and height of the widget. You can adjust these values using the debug UI.</li>
<li><strong>required:</strong> Set to false if you want to make the widget optional. By default, it&#x27;s true. Not applicable for signature-type widgets.</li>
<li><strong>name:</strong> Provides a different name for widgets if you are providing more than one widget.</li>
<li><strong>color:</strong> Specifies the color of the widget content. Available options include black, blue, red, and yellow, with black as the default selection if no color is specified. This parameter is optional and is applicable to the following widgets: email, name, job title, company, date, textbox, checkbox.</li>
<li><strong>color:</strong> Specifies the color of the widget content. Available options include black, blue, red, and yellow, with black as the default selection if no color is specified. This parameter is optional and is applicable to the following widgets: email, name, job title, company, date, textbox, checkbox.</li>
<li><strong>fontsize:</strong> Specifies the fontsize of the widget content. Available options include 2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, and 28, with a default fontsize of 12 if not specified. This parameter is optional and is applicable to the following widgets: email, name, job title, company, date, textbox, checkbox.</li>
</ul>
<p><strong>List of all supported widgets:</strong></p>
<ol>
<li><strong>signature:</strong></li>
<li><strong>signature</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;:&quot;signature&quot;, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;:1, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;signature&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ol start="2">
<li><strong>stamp:</strong></li>
<li><strong>stamp</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;:&quot;stamp&quot;, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;:1, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;stamp&quot;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;stamp&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;stamp&quot;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ol start="3">
<li><strong>initials:</strong></li>
<li><strong>initials</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;:&quot;initials&quot;, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;:1, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;initials&quot;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;initials&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;initials&quot;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ol start="4">
<li><strong>email:</strong></li>
<li><strong>email</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;:&quot;email&quot;, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;:1, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;email&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;email&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;email&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ol start="5">
<li><strong>name:</strong></li>
<li><strong>name</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;:&quot;name&quot;, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;:1, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;name&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;name&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;name&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ol start="6">
<li><strong>job title:</strong></li>
<li><strong>iob Title</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;:&quot;job title&quot;, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;:1, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;job title&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;job title&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;job title&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ol start="7">
<li><strong>company:</strong></li>
<li><strong>company</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;:&quot;company&quot;, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;:1, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;company&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;company&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;company&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ol start="8">
<li><strong>date:</strong></li>
<li><strong>date</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;:&quot;date&quot;, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;:1, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;date&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;default&quot;: &quot;04-15-2024&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;format&quot;: &quot;mm-dd-yyyy&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;date&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;date&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;default&quot;: &quot;04-15-2024&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;format&quot;: &quot;mm-dd-yyyy&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ul>
<li><strong>default:</strong> Provide the date from which you want to start the date of the date widget. Must be provided in the specified format. By default, today&#x27;s date provided.</li>
<li><strong>format:</strong> Specify the date format of your choice from the options below.<!-- -->
@@ -70,14 +70,14 @@
<li>&quot;mmm dd, yyyy&quot;,</li>
<li>&quot;mmmm dd, yyyy&quot;,</li>
<li>&quot;dd mmm, yyyy&quot;,</li>
<li>&quot;dd mmmm, yyy&quot;</li>
<li>&quot;dd mmmm, yyy&quot;.</li>
</ul>
</li>
</ul>
<ol start="9">
<li><strong>textbox:</strong></li>
<li><strong>textbox</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;:&quot;textbox&quot;, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;:1, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;textbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;readonly&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;default&quot;: &quot;name&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hint&quot;: &quot;provide name&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;regularexpression&quot;:&quot;&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;textbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;textbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;readonly&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;default&quot;: &quot;name&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hint&quot;: &quot;provide name&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;regularexpression&quot;: &quot;&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ul>
<li><strong>default:</strong> Provide a default value for the textbox (Optional).</li>
<li><strong>hint:</strong> Provide a hint for the textbox (Optional).</li>
@@ -85,19 +85,21 @@
<li><strong>readonly:</strong> Set to true if you want to set the textbox as readonly. By default, it&#x27;s false.</li>
</ul>
<ol start="10">
<li><strong>checkbox:</strong></li>
<li><strong>checkbox</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;:&quot;checkbox&quot;, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;:1, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;checkbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;values&quot;: [&quot;male&quot;, &quot;female&quot;, &quot;other&quot;],</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;selectedvalues&quot;: [ &quot;male&quot;, &quot;female&quot; ],</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;readonly&quot;: false, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hidelabel&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;checkbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;checkbox&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;values&quot;: [&quot;male&quot;, &quot;female&quot;, &quot;other&quot;],</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;selectedvalues&quot;: [&quot;male&quot;, &quot;female&quot;],</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;readonly&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;hidelabel&quot;: false,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;color&quot;: &quot;black&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;fontsize&quot;: 12,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;validation&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;minselections&quot;: 0,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;maxselections&quot;: 0</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<ul>
<li><strong>values:</strong> Provide options for the checkbox list.</li>
<li><strong>selectedvalues:</strong> Provide values that need to be selected by default (Optional).</li>
<li><strong>readonly:</strong> Set to true if you want to set the checkbox as readonly. By default, it&#x27;s false.</li>
<li><strong>hidelabel:</strong> Set to true if you want to hide labels of the checkbox. By default, it&#x27;s false.</li>
<li><strong>minselections:</strong> Provide the minimum number of checkboxes that must be selected by the user.</li>
<li><strong>maxselections:</strong> Provide the maximum number of checkboxes that can be selected by the user.</li>
</ul>
<ol start="11">
<li><strong>image:</strong></li>
<li><strong>image</strong></li>
</ol>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;:&quot;image&quot;, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;:1, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true, </span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;image&quot;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<div class="codeBlockContainer_Ckt0 theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_biex"><pre tabindex="0" class="prism-code language-text codeBlock_bY9V thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_e6Vv"><span class="token-line" style="color:#393A34"><span class="token plain">{</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;type&quot;: &quot;image&quot;,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;page&quot;: 1,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;x&quot;: 327,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;y&quot;: 628,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;w&quot;: 114,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;h&quot;: 21,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;options&quot;: {</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;required&quot;: true,</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> &quot;name&quot;: &quot;image&quot;</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></span><span class="token-line" style="color:#393A34"><span class="token plain">}</span><br></span></code></pre><div class="buttonGroup__atx"><button type="button" aria-label="Copy code to clipboard" title="Copy" class="clean-btn"><span class="copyButtonIcons_eSgA" aria-hidden="true"><svg viewBox="0 0 24 24" class="copyButtonIcon_y97N"><path fill="currentColor" d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg viewBox="0 0 24 24" class="copyButtonSuccessIcon_LjdS"><path fill="currentColor" d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"></path></svg></span></button></div></div></div>
<h2 class="anchor anchorWithStickyNavbar_LWe7 openapi-tabs__heading" id="request">Request<a href="#request" class="hash-link" aria-label="Direct link to Request" title="Direct link to Request">​</a></h2>
<div class="openapi-skeleton sm"></div>
<div class="openapi-skeleton sm"></div>