Search Components
Examples
<script>
import { Search } from 'flowbite-svelte'
</script>
<Search />Event handlers
on:submitProps
The component has the following props, type, and default values. See types page for type information.
| Name | Type | Default |
|---|---|---|
| id | string | '' |
| labelClass | string | 'mb-2 text-sm font-medium text-gray-900 sr-only dark:text-gray-300' |
| inputClass | string | 'block p-4 pl-10 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500' |
| btnClass | string | 'text-white absolute right-2.5 bottom-2.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800' |
| placeholder | string | 'Search' |