svelte-ux
svelte-ux copied to clipboard
Road to v1
- [ ] Remove default styling where it makes sense
- [x] AppLayout
- [x] AppBar
- [ ] Maybe replace with
color
prop, or leave it up to usage. Also support background blur and other styles
- [ ] Maybe replace with
- [x] TextField
- [x] Change
shrinkLabel
tofloatLabel
(invert and default off)- Added as
labelPlacement="float"
- Added as
- [x] Support label inside/outside container
- Added as
labelPlacement="top"
andlabelPlacement="left"
- Added as
- [x] Change
- [ ] Field
- [ ] Support removing border/outline
- Likely handle via CSS prop (#66), or
createTheme({{ Field: 'border-0' }})
- Likely handle via CSS prop (#66), or
- [ ] ...more...
- [ ] Support removing border/outline
- [x] Theme support
- [ ] Review all API (props, slot names, etc) for inconsistencies
- [x] Use
variant="..."
consistently - [x] Consider adding a
variant-{name}
class or `data-variant="name" attribute to support per-variant styling (helpful with Theme as well) - [ ] Add
color
prop where it makes sense- [ ] Does this inflate the JIT .css too much?
- [x] Add class names for each element to allow specific targeting (globally and tailwind jit)
- Maybe add a prefix (
.c-button
or.s-button
) or use a capital letter for components (Button
). Either would help with conflicts in existing projects
- Maybe add a prefix (
- [x] Use
- [x] Remove the need to add all tailwind colors as CSS variables
- [x] Between JIT and adding a
color
prop, shouldn't be needed
- [x] Between JIT and adding a
- [ ] Add handlers for all actions, along with events
- [ ] Default vs named exports (actions, etc)
- [ ] Export some utils as top-level
- [x] format
- [x] cls
- [ ] Consider removing barrel files
- Might not be an issue
- https://vitejs.dev/guide/performance.html#avoid-barrel-files
- https://x.com/thomasglopes/status/1811002993707291088
- https://x.com/BenjaminMcCann/status/1811033458594173141
- https://dev.to/thepassle/a-practical-guide-against-barrel-files-for-library-authors-118c
- Might not be an issue
- [x] Consistent options (label/value vs name/value, etc). Expose common type?
- [x] SelectField, MenuField (#132)
- [ ] Consistent value prop (instead of selected, etc)
-
value
for primitive (number, string),selected
for entity (object)
-