From cee26b7b3820789b966bbe4bc23fa9391dffe323 Mon Sep 17 00:00:00 2001 From: Flavio Li Volsi Date: Fri, 5 Mar 2021 18:32:53 +0100 Subject: [PATCH] Allowing a custom placeholder in ToolbarSearch --- src/DataTable/ToolbarSearch.svelte | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/src/DataTable/ToolbarSearch.svelte b/src/DataTable/ToolbarSearch.svelte index 482d51e8..baa194e1 100644 --- a/src/DataTable/ToolbarSearch.svelte +++ b/src/DataTable/ToolbarSearch.svelte @@ -4,6 +4,12 @@ * @type {number | string} */ export let value = ""; + + /** + * Specify a custom placeholder + * @type {string} + */ + export let placeholder = "Search..."; /** Set to `true` to expand the search bar */ export let expanded = false; @@ -48,6 +54,7 @@ size="sm" tabindex="{expanded ? tabindex : '-1'}" disabled="{disabled}" + placeholder="{placeholder}" {...$$restProps} bind:ref bind:value