211 comments found.
Nice Work
Hello Tailux Support Team,
I hope you’re doing well. I’m currently using the Tailux multi-select/autocomplete component in my project and have also built a custom personal component for comparison (screenshots attached). I wanted to ask if it would be possible for your team to either update the existing component or introduce a new variant with the following improvements: 1. Selected Items Count Display When multiple values are selected: Automatically calculate the total selected items Display the count (e.g., “3 selected”, “5 selected”) instead of, or in addition to, listing all selected values inside the input This would greatly improve readability when many items are selected. 2. Clear Search Input After Selection (UX Improvement) Currently, when I: Type a search term (e.g., “w”) Select an option from the dropdown The search text remains in the input, requiring the user to manually backspace and clear it before performing another search. This feels a bit unintuitive from a UX perspective. In my custom component, the search input automatically clears after selection, allowing users to continue searching immediately, which provides a smoother experience. It would be great if the Tailux component could: Automatically clear the search input after an item is selected Keep focus in the input for faster multi-selection Since I’ve purchased an additional support plan, I wanted to check if these enhancements are feasible or planned for a future update. Thank you for your time and support. I appreciate your work on Tailux and look forward to your guidance. Best regards, RS.
Hello RS,
Thank you for reaching out, and for the detailed explanation. We truly appreciate the time you took to share thoughtful feedback. There are not any screenshots, can you send your screenshots in piniahelp@gmail.com ?
Will I get lifetime updates with this theme?
Hi, Yes.
Hi Team, Can you please share UX design for this template
Hi, we dont have figma files.
Can I get figma along with the theme for mobile view?
Hi, we currently don’t have the Figma designs available. Best regards,
Where can I find the project figma? with the components?
Hi, we currently don’t have the Figma designs available. Best regards,
Hi! Is there a landing page that comes with this? I love the page at https://tailux-landing.vercel.app but I’m not able to find it in the demo app.
Hi! Thanks for your purchase and your comment.
The demo landing page is built with Next.js and React.js. It’s only meant to showcase Tailux features and isn’t part of the commercial package, so support for it isn’t included.
However, if you’d like access to the source code, just share your GitHub username and I’ll add you to the landing page demo repo
Best Regards
That would be amazing! Thanks! My GitHub username is primetheus
Invited
I recently purchased Tailux. I’m trying to compile the demo and starter with `npm run build`, but it’s generating errors and not completing the process in both JavaScript and TypeScript. Could you please help me with this?
papa@salmos:/workspace/tailux/ts/demo$ npm run dev
> react-tailux-ts-vite@1.3.2 dev > vite
0:08:23 [vite] (client) Re-optimizing dependencies because vite config has changed ^C papa@salmos:/workspace/tailux/ts/demo$ ls eslint.config.js node_modules package-lock.json public src tsconfig.json vercel.json index.html package.json prettier.config.js README.md tsconfig.app.json tsconfig.node.json vite.config.ts papa@salmos:/workspace/tailux/ts/demo$ npm run build
VITE v7.2.2 ready in 1463 ms➜ Local: http://localhost:5173/
➜ Network: use --host to expose
➜ press h + enter to show help> react-tailux-ts-vite@1.3.2 build > tsc -b && vite build
src/app/pages/dashboards/cms-analytics/PageViews/Statistics.tsx:34:9 – error TS2322: Type ‘Dispatch<SetStateAction<Page>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Page>’.
34 onChange={setSelectedPage} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'src/app/pages/forms/KYCForm/components/DocumentType.tsx:45:9 – error TS2322: Type ‘DocumentType | null’ is not assignable to type ‘DocumentType | undefined’. Type ‘null’ is not assignable to type ‘DocumentType | undefined’.
45 value={documentTypes.find((doc) => doc.key === value) || null} ~~~
node_modules/@headlessui/react/dist/components/radio-group/radio-group.d.ts:13:5
13 value?: TType;
~~~
The expected type comes from property 'value' which is declared here on type 'IntrinsicAttributes & CleanProps<"div", "value" | "disabled" | "form" | "defaultValue" | "onChange" | "name" | "by" | RadioGroupPropsWeControl> & OurProps<...> & { ...; } & { ...; } & { ...; }'src/app/pages/forms/autocomplete/Styled.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'src/app/pages/forms/autocomplete/StyledError.tsx:33:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
33 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'src/app/pages/forms/autocomplete/StyledHighlight.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'src/app/pages/forms/autocomplete/StyledMultiple.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'src/components/shared/table/FilterSelector.tsx:100:7 – error TS2322: Type ‘(list: FilterOption[]) => void’ is not assignable to type ‘(value: (FilterOption | undefined)[]) => void’. Types of parameters ‘list’ and ‘value’ are incompatible. Type ‘(FilterOption | undefined)[]’ is not assignable to type ‘FilterOption[]’. Type ‘FilterOption | undefined’ is not assignable to type ‘FilterOption’. Type ‘undefined’ is not assignable to type ‘FilterOption’.
100 onChange={handleChange} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & CleanProps<"div", "value" | "invalid" | "multiple" | "disabled" | "form" | "onClose" | "defaultValue" | "onChange" | "name" | "by" | "__demoMode" | "nullable" | "immediate" | "virtual"> & OurProps<...> & { ...; } & { ...; } & { ...; }'Found 7 errors.
Hi, did you updated dependencies?
I just did it but the problem persists.
papa@salmos:/workspace/tailux/ts/demo$ ncu -u Upgrading /home/papa/workspace/tailux/ts/demo/package.json [====================] 81/81 100%
@atlaskit/pragmatic-drag-and-drop ^1.7.4 → ^1.7.7
@atlaskit/pragmatic-drag-and-drop-auto-scroll ^2.1.1 → ^2.1.2
@babel/eslint-parser ^7.28.0 → ^7.28.5
@eslint/js ^9.33.0 → ^9.39.1
@formkit/auto-animate ^0.8.2 → ^0.9.0
@headlessui/react ^2.2.7 → ^2.2.9
@hookform/resolvers ^5.2.1 → ^5.2.2
@tailwindcss/postcss ^4.1.12 → ^4.1.17
@tailwindcss/vite ^4.1.12 → ^4.1.17
@tanem/react-nprogress ^5.0.55 → ^5.0.56
@types/node ^24.2.1 → ^24.10.0
@types/react ^19.1.10 → ^19.2.2
@types/react-dom ^19.1.7 → ^19.2.2
@vitejs/plugin-react ^5.0.0 → ^5.1.0
apexcharts ^5.3.3 → ^5.3.6
axios ^1.11.0 → ^1.13.2
color ^5.0.0 → ^5.0.2
dayjs ^1.11.13 → ^1.11.19
eslint ^9.33.0 → ^9.39.1
eslint-plugin-react-hooks ^5.2.0 → ^7.0.1
eslint-plugin-react-refresh ^0.4.20 → ^0.4.24
filepond ^4.32.8 → ^4.32.10
globals ^16.3.0 → ^16.5.0
html-react-parser ^5.2.6 → ^5.2.8
i18next ^25.3.6 → ^25.6.1
lint-staged ^16.1.5 → ^16.2.6
prettier-plugin-tailwindcss ^0.6.14 → ^0.7.1
react ^19.1.1 → ^19.2.0
react-apexcharts ^1.7.0 → ^1.8.0
react-dom ^19.1.1 → ^19.2.0
react-hook-form ^7.62.0 → ^7.66.0
react-hotkeys-hook ^5.1.0 → ^5.2.1
react-i18next ^15.6.1 → ^16.2.4
react-router ^7.8.0 → ^7.9.5
react-syntax-highlighter ^15.6.1 → ^16.1.0
react-to-print ^3.1.1 → ^3.2.0
react-tooltip ^5.29.1 → ^5.30.0
swiper ^11.2.10 → ^12.0.3
tailwindcss ^4.1.12 → ^4.1.17
typescript ~5.9.2 → ~5.9.3
typescript-eslint ^8.39.1 → ^8.46.4
vite ^7.1.2 → ^7.2.2
vite-plugin-svgr ^4.3.0 → ^4.5.0
yup ^1.7.0 → ^1.7.1/*/
papa@salmos:/workspace/tailux/ts/demo$ npm run build
> react-tailux-ts-vite@1.3.2 build > tsc -b && vite build
src/app/pages/dashboards/cms-analytics/PageViews/Statistics.tsx:34:9 – error TS2322: Type ‘Dispatch<SetStateAction<Page>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Page>’.
34 onChange={setSelectedPage} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'src/app/pages/forms/KYCForm/components/DocumentType.tsx:45:9 – error TS2322: Type ‘DocumentType | null’ is not assignable to type ‘DocumentType | undefined’. Type ‘null’ is not assignable to type ‘DocumentType | undefined’.
45 value={documentTypes.find((doc) => doc.key === value) || null} ~~
node_modules/@headlessui/react/dist/components/radio-group/radio-group.d.ts:13:5
13 value?: TType;
~~~
The expected type comes from property 'value' which is declared here on type 'IntrinsicAttributes & CleanProps<"div", "value" | "disabled" | "form" | "defaultValue" | "onChange" | "name" | "by" | RadioGroupPropsWeControl> & OurProps<...> & { ...; } & { ...; } & { ...; }'src/app/pages/forms/autocomplete/Styled.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'src/app/pages/forms/autocomplete/StyledError.tsx:33:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
33 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'src/app/pages/forms/autocomplete/StyledHighlight.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'src/app/pages/forms/autocomplete/StyledMultiple.tsx:32:9 – error TS2322: Type ‘Dispatch<SetStateAction<Person[]>>’ is not assignable to type ‘(value: unknown) => void’. Types of parameters ‘value’ and ‘value’ are incompatible. Type ‘unknown’ is not assignable to type ‘SetStateAction<Person[]>’.
32 onChange={setSelected} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & { data: DataItem[]; placeholder?: string | undefined; label?: ReactNode; displayField?: string | undefined; error?: string | ... 1 more ... | undefined; ... 11 more ...; invalid?: boolean | undefined; } & Omit<...> & RefAttributes<...>'src/components/shared/table/FilterSelector.tsx:100:7 – error TS2322: Type ‘(list: FilterOption[]) => void’ is not assignable to type ‘(value: (FilterOption | undefined)[]) => void’. Types of parameters ‘list’ and ‘value’ are incompatible. Type ‘(FilterOption | undefined)[]’ is not assignable to type ‘FilterOption[]’. Type ‘FilterOption | undefined’ is not assignable to type ‘FilterOption’. Type ‘undefined’ is not assignable to type ‘FilterOption’.
100 onChange={handleChange} ~~~~
node_modules/@headlessui/react/dist/components/combobox/combobox.d.ts:21:5
21 onChange?: (value: TMultiple extends true ? EnsureArray<TValue> : TValue | null) => void;
~~~~~
The expected type comes from property 'onChange' which is declared here on type 'IntrinsicAttributes & CleanProps<"div", "value" | "invalid" | "multiple" | "disabled" | "form" | "onClose" | "defaultValue" | "onChange" | "name" | "by" | "__demoMode" | "nullable" | "immediate" | "virtual"> & OurProps<...> & { ...; } & { ...; } & { ...; }'Found 7 errors.
So, can you send me your github username, I will add you in repo… there are latest version
Thank you so much. @alemormez
Invited
Please send invoice copy following mail ID technology@mdindia.com
Hi,
The tailux admin source files do not run the same as the demo, is there an update that is coming for me to wait and download?
Could you please confirm which folder you ran? demo or starter?
i ran demo
Just checked, everything’s working fine. Are you sure? By the way, if you share your GitHub username, I can invite you to the repo. It’s exactly the same as the demo.
the sidebar menu is not the same, its using the earlier one instead of the one used in the demo. And i prefer the new one.
here is my github @giantiss
Looks you should change your layout, there are we have 2 layout: https://tailux.piniastudio.com/docs/getting-started#layouts
Please change it and clear your ‘localstorage’.
Thanks.
I purchased the theme and installed it, but I don’t see all the menus and examples from the demo. I only see a blank layout.
How can I see the sample tables and other components?
Could you please confirm which folder you ran? demo or starter?
Hi bro, I have purchased React version. Do you have next js version..? If yes i will buy immediately
hi
i want to confirm that does it in react js only?
Hi, this is built with React and include both JavaScript and TypeScript editions. Tailwind is used for styling.
Amazing work!
For the datatables provided, it would add significant value if you could also add some “view” and “edit” page templates.
Hi, Thanks for your comment. We have form templates available that you can use to add or edit data.
https://tailux.piniastudio.com/forms/ekyc-form https://tailux.piniastudio.com/forms/add-product-form https://tailux.piniastudio.com/forms/new-post-formHello, could you please invite me to the github repo? “sippakorn”
Thanks
Hi, invited
Good morning, sir.
I’d like to know if there’s any news about the Next.js version. We would be very grateful if you could give us an approximate date for when this extension/version will be available. We would subsequently be interested in purchasing the extended licence.
We would be very grateful. Keep up the good work!
Best regards
Purchased, please invite me to the repo: @cgcb. Also, your page at https://tailux.piniastudio.com/docs/changelogs has “Invalid Date” for each version making it difficult to understand when releases were made.
Hi, invited, Invalid Date? Are you sure?
Yes. When I visit that URL I see Invalid Date. I have screenshot but can’t post here. Also, do you have a repo for the jsx version? That’s what I’m using. Thank you.
Can you generate a documentation in pdf pls? because, LLM need this for theme!
Hi, we’ve provided the documentation online, so you can use any HTML-to-PDF tool to convert it.
If I purchase the Regular License for $19 and later decide that I would like to upgrade, would it be possible to upgrade to the Extended License (priced at $700) by paying the difference of $681?
Hi, you should buy the new license
