Skip to content

[New features for v2] ClassValue, attachment, class names, etc. #1614

@shinokada

Description

@shinokada

Summary

  • Svelte uses ClassValue for class, so all classes should accept ClassValue as well. Svelte class
  • We use use: currently like use:init, but since Svelte has Attachement that is more flexbible, we need to convert them to @attach. And Svelte recommend using attachments.
  • Better class names. For example, some props classes are used for setContext and it should reflect to prop names as well. For example, activeCtxClass means, it is for active class used for context and use ClassValue.
  • Svelte has svelte/reactivity/window that exports reactive versions of various window values. Can't we use it? For example, Drawer.svelte and Sidebar.svelte.
  • Clean up transition related prop names. Some use transitionType and some use transition. And we need to check transitionParam and params.
  • Adaput Svelte's preferReducedMotion, https://svelte.dev/docs/svelte/svelte-motion#prefersReducedMotion for all transition components.
  • $state() in context instead of writable
  • #snippet instead of dynamic DOM manipulations (like in tabs)
  • Enable CloseButton Customization Enable CloseButton Customization #1698
  • generic xxxItem to unify ListgroupItem, DropdownItem, etc.
  • introduce a generic Component as a base of all components to manage classes, themes, events.
  • ? vitest

Do you have any other thoughts for Flowbite-Svelte@v2?

Sub-issues

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions