Svelte 1.0 - Githubissues

chakra-ui / ark

Ark UI is a headless UI library with over 45+ components designed to build scalable Design Systems that works for a wide range of JS frameworks.

MIT License

3.84k stars 114 forks source link

Components

[ ] Accordion

[x] Avatar

[ ] Carousel

[ ] Checkbox

[ ] Clipboard

[ ] Collapsible

[ ] ColorPicker

[ ] Combobox

[ ] DatePicker

[ ] Dialog

[ ] Editable

[ ] Field

[ ] Fieldset

[ ] FileUpload

[ ] Format

[ ] Frame

[x] Highlight

[ ] HoverCard

[ ] Menu

[ ] NumberInput

[ ] Pagination

[ ] PinInput

[ ] Popover

[ ] Portal

[ ] Presence

[ ] Progress

[x] QrCode

[ ] RadioGroup

[ ] RatingGroup

[ ] SegmentGroup

[ ] Select

[ ] SignaturePad

[ ] Slider

[ ] Splitter

[ ] Steps

[ ] Switch

[ ] Tabs

[ ] TagsInput

[ ] TimePicker

[x] Timer

[ ] Toast

[ ] Toggle

[ ] ToggleGroup

[ ] Tooltip

[ ] TreeView

@cschroeter

In Svelte, when you destructure a reactive variable ($state, $derived), it loses reactivity.

Code like this:

https://github.com/chakra-ui/ark/blob/be4e356070b1c37384a9501b1db4e6dee8904793/packages/svelte/src/lib/components/avatar/use-avatar.svelte.ts#L13-L14

Should be written the same way as Vue code:

https://github.com/chakra-ui/ark/blob/be4e356070b1c37384a9501b1db4e6dee8904793/packages/vue/src/components/avatar/use-avatar.ts#L18-L19

Like this one:

https://github.com/chakra-ui/ark/blob/be4e356070b1c37384a9501b1db4e6dee8904793/packages/svelte/src/lib/components/qr-code/use-qr-code.svelte.ts#L13-L14

Would it be OK to contribute on some of the components?

chakra-ui / ark

Svelte 1.0 #3085

Roadmap for Svelte 1.0

Basics

Core

Providers

Components