feat(vtmn/svelte): change vtmnChip in order to set a different ty…

…pe of node (#1479)
Decathlon · Jan 25, 2024 · 7516a55 · 7516a55
1 parent 507c45d
commit 7516a55
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/packages/sources/svelte/src/components/selection-controls/VtmnChip/VtmnChip.svelte b/packages/sources/svelte/src/components/selection-controls/VtmnChip/VtmnChip.svelte
@@ -40,6 +40,11 @@
    */
   export let badgeValue = 0;
 
+  /**
+   * Root node type
+   */
+  export let element = 'div';
+
   let className = undefined;
   /**
    * @type {string} Custom classes to apply to the component.
@@ -79,7 +84,8 @@
   };
 </script>
 
-<div
+<svelte:element
+  this={element}
   class={componentClass}
   role="button"
   aria-disabled={disabled}
@@ -89,6 +95,7 @@
   on:keyup
   on:keypress
   tabindex={disabled ? undefined : 0}
+  {...$$restProps}
 >
   {#if displayLeftIcon}
     <VtmnIcon value={icon} aria-hidden="true" />
@@ -107,7 +114,7 @@
   {#if displayFilterBadge}
     <VtmnBadge value={badgeValue} />
   {/if}
-</div>
+</svelte:element>
 
 <style lang="css">
   @import '@vtmn/css-chip';