search

rob-balfre / svelte-select

Svelte Select. A select component for Svelte
https://svelte-select-examples.vercel.app
Other
1.25k stars 175 forks source link

Actually with v5 is impossible to use custom css classes to override some style like height #533

Open frederikhors opened 1 year ago

frederikhors commented 1 year ago

Actually with v5 is impossible to use custom css classes (eg. Tailwind) to override some style like height:

https://svelte.dev/repl/e03b90397c194600a5144379c65c068a?version=3.55.1

<script>
  window.process = {env: {}} // REPL issue, ignore

  import Select from 'svelte-select';

  let items = ['One', 'Two', 'Three'];
  let value = null;
</script>

<svelte:head>
  <script src="https://cdn.tailwindcss.com"></script>
</svelte:head>

<Select {items} bind:value class="!border-red-500 !h-4 !min-h-4 !max-h-4" />

{#if value}
<p>
  Selected value: {value.label}
</p>
{/if}
rob-balfre commented 1 year ago

Read the docs, it clearly says import the no styles version

On Fri, 27 Jan 2023, 2:44 am frederikhors, @.***> wrote:

Actually with v5 is impossible to use custom css classes (eg. Tailwind) to override height:

https://svelte.dev/repl/e03b90397c194600a5144379c65c068a?version=3.55.1