skeletonlabs / skeleton

A complete design system and component solution, built on Tailwind.
https://skeleton.dev
MIT License
5.15k stars 321 forks source link

v3 Input Group buttons are not affected by Presets #2985

Open endigo9740 opened 3 days ago

endigo9740 commented 3 days ago

Current Behavior

When creating an input group, the button styles do not display the Preset classes applied.

NOTE: This is working on the Astro docs, but not in a real world SvelteKit project

Screenshot 2024-11-19 at 1 38 42 PM

<form class="mx-auto w-full max-w-md space-y-8">
    <div class="input-group divide-surface-200-800 grid-cols-[auto_1fr_auto] divide-x">
        <div class="input-group-cell">S</div>
        <input type="search" placeholder="Search..." />
        <button class="btn preset-filled">Submit</button>
    </div>
</form>

Expected Behavior

You should be free to style the buttons however you wish.

Steps To Reproduce

  1. Create a new v3 SvelteKit project
  2. Copy/paste the examples from our docs
  3. Note the button styles do not match how they are show in the docs

Link to Reproduction / Stackblitz

No response

More Information

Docs: https://next.skeleton.dev/docs/tailwind/forms#groups