search

CaptainCodeman / svelte-headlessui

HeadlessUI components for Svelte
https://captaincodeman.github.io/svelte-headlessui/
MIT License
549 stars 25 forks source link

What is Selctor.svelte, Check.slte in ListBox example? #51

Closed ethanfox closed 1 year ago

ethanfox commented 1 year ago

What are these files? What is their purpose? Why are they not included?

CaptainCodeman commented 1 year ago

They are just SVG icons wrapped as Svelte components. e.g.:

<svg class={$$props.class} fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true">
    <path stroke-linecap="round" stroke-linejoin="round" d="M8 9l4-4 4 4m0 6l-4 4-4-4" />
</svg>

https://github.com/CaptainCodeman/svelte-headlessui/blob/master/packages/lib/src/routes/listbox/Selector.svelte

padrepitufo commented 7 months ago

Had the same question, thank you for posting. I wonder if many people try out those components and just give up when it doesn't work.

That link no longer works btw, but thank you for the basic explanation @CaptainCodeman

CaptainCodeman commented 7 months ago

That was when it was in a mono repo, the link now is: https://github.com/CaptainCodeman/svelte-headlessui/blob/master/src/icons/Selector.svelte