htmlstreamofficial / preline

Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
https://preline.co
Other
4.9k stars 309 forks source link

In Sveltekit Combox and other components #387

Closed PriyanshIotWiz closed 4 months ago

PriyanshIotWiz commented 5 months ago

Summary

In component where inline

use it show error Expected }svelte(unexpected-token)

Steps to Reproduce

Copy from Dropdown Using JSON example in dropdown. refrence and paste in sveltekit html

it show error like this bug So I have to relace this red mark orignal with this and its working

final

Demo Link

sad

Expected Behavior

No response

Actual Behavior

No response

Screenshots

No response

PriyanshIotWiz commented 5 months ago

carousel same error

In each component where data-hs-XXX ='{ "loadingClasses": "opacity-0" }' it show error like this in sveltekit Expected }svelte(unexpected-token) Expected }ts(-1)

For example:

PriyanshIotWiz commented 5 months ago

For example:

olegpix commented 4 months ago

@PriyanshIotWiz Hi, Try using data attributes like this data-hs-*={`{...rest of the parameters}`} You need to put the options object (as a string) between the curly braces. We have an example of using data options on the "Select" demo page.