Demo code toggle updates

pull/3743/head 3.25.0
Tuğçe Küçükoğlu 2023-03-13 16:31:27 +03:00
parent 1caef9aa99
commit 924dc74abf
3 changed files with 6 additions and 6 deletions

View File

@ -2,7 +2,7 @@
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>The <i>close</i> function of the <i>dialogRef</i> is used to hide a Dialog. The <i>dialogRef</i> is injected to the component that is loaded by the dialog.</p> <p>The <i>close</i> function of the <i>dialogRef</i> is used to hide a Dialog. The <i>dialogRef</i> is injected to the component that is loaded by the dialog.</p>
</DocSectionText> </DocSectionText>
<DocSectionCode :code="code" import hideCodeSandbox hideStackBlitz /> <DocSectionCode :code="code" importCode hideCodeSandbox hideStackBlitz />
</template> </template>
<script> <script>

View File

@ -2,7 +2,7 @@
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>The <i>open</i> function of the <i>DialogService</i> is used to open a Dialog. First parameter is the component to load and second one is the configuration object to customize the Dialog.</p> <p>The <i>open</i> function of the <i>DialogService</i> is used to open a Dialog. First parameter is the component to load and second one is the configuration object to customize the Dialog.</p>
</DocSectionText> </DocSectionText>
<DocSectionCode :code="code" import hideCodeSandbox hideStackBlitz /> <DocSectionCode :code="code" importCode hideCodeSandbox hideStackBlitz />
</template> </template>
<script> <script>

View File

@ -2,12 +2,12 @@
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p>Data can be passed to the component that is loaded by the Dialog and also from the component back to the caller component. Use the <i>open</i> function and pass your parameters with the <i>data</i> property in the options object.</p> <p>Data can be passed to the component that is loaded by the Dialog and also from the component back to the caller component. Use the <i>open</i> function and pass your parameters with the <i>data</i> property in the options object.</p>
<DocSectionCode :code="code1" import hideCodeSandbox hideStackBlitz /> <DocSectionCode :code="code1" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<DocSectionCode :code="code2" import hideCodeSandbox hideStackBlitz /> <DocSectionCode :code="code2" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<p>Similarly when hiding a Dialog, any parameter passed to the <i>close</i> function is received from the <i>onClose</i> callback defined by the <i>open</i> function at the caller.</p> <p>Similarly when hiding a Dialog, any parameter passed to the <i>close</i> function is received from the <i>onClose</i> callback defined by the <i>open</i> function at the caller.</p>
<DocSectionCode :code="code3" import hideCodeSandbox hideStackBlitz /> <DocSectionCode :code="code3" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<DocSectionCode :code="code4" import hideCodeSandbox hideStackBlitz /> <DocSectionCode :code="code4" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
</DocSectionText> </DocSectionText>
</template> </template>