Skip to content

Commit

Permalink
Fix link field preview lab
Browse files Browse the repository at this point in the history
  • Loading branch information
distantnative committed Jan 22, 2024
1 parent f0249f6 commit c40df03
Showing 1 changed file with 55 additions and 27 deletions.
82 changes: 55 additions & 27 deletions panel/lab/components/fieldpreviews/link/index.vue
Original file line number Diff line number Diff line change
@@ -1,31 +1,59 @@
<template>
<k-lab-examples>
<k-lab-field-preview-example
value="https://getkirby.com"
label="URL"
type="link"
/>
<k-lab-field-preview-example
value="mailto:[email protected]"
label="Email"
type="link"
/>
<k-lab-field-preview-example
value="tel:+4912345678"
label="Tel"
type="link"
/>
<k-lab-field-preview-example
value="page://q6Ja1wxCXavVF1cL"
label="Page"
type="link"
/>
<k-lab-field-preview-example
value="file://IIQpSczd4Cabewmx"
label="File"
type="link"
/>
<k-lab-field-preview-example value="#anchor" label="Anchor" type="link" />
<k-lab-field-preview-example label="Empty" type="link" />
<k-lab-example label="URL">
<k-lab-table-cell>
<!-- @code -->
<k-link-field-preview value="https://getkirby.com" />
<!-- @code-end -->
</k-lab-table-cell>
</k-lab-example>

<k-lab-example label="Email">
<k-lab-table-cell>
<!-- @code -->
<k-link-field-preview value="mailto:[email protected]" />
<!-- @code-end -->
</k-lab-table-cell>
</k-lab-example>

<k-lab-example label="Tel">
<k-lab-table-cell>
<!-- @code -->
<k-link-field-preview value="tel:+4912345678" />
<!-- @code-end -->
</k-lab-table-cell>
</k-lab-example>

<k-lab-example label="Page">
<k-lab-table-cell>
<!-- @code -->
<k-link-field-preview value="page://q6Ja1wxCXavVF1cL" />
<!-- @code-end -->
</k-lab-table-cell>
</k-lab-example>

<k-lab-example label="File">
<k-lab-table-cell>
<!-- @code -->
<k-link-field-preview value="file://IIQpSczd4Cabewmx" />
<!-- @code-end -->
</k-lab-table-cell>
</k-lab-example>

<k-lab-example label="Anchor">
<k-lab-table-cell>
<!-- @code -->
<k-link-field-preview value="#anchor" />
<!-- @code-end -->
</k-lab-table-cell>
</k-lab-example>

<k-lab-example label="Empty">
<k-lab-table-cell>
<!-- @code -->
<k-link-field-preview />
<!-- @code-end -->
</k-lab-table-cell>
</k-lab-example>
</k-lab-examples>
</template>

0 comments on commit c40df03

Please sign in to comment.