Hey there,

Thank you so much for the kind words about the contents and the rest of the pages! I’m really glad you’re loving them. I’m sorry to hear about the trouble with the landing page.

We’ll jump right on it and get this sorted out for you as quickly as possible. If you have any other feedback or questions in the meantime, feel free to let us know. We’re here to make sure you’re completely satisfied with your experience.

Thanks again for bringing this to our attention, and we appreciate your patience as we work on fixing it!

Warm regards

Hey there,

Thanks for reaching out! Unfortunately, the template isn’t built with Alpine.js. However, if you have any other questions or need further assistance, feel free to let me know. I’m here to help!

Best regards

Hi there,

I appreciate your message, and I’m here to help you get started with the template. It seems like there might be some confusion about how to use it effectively. Let me provide you with some guidance:

Understanding Tailwind CSS Compilation:

1. Dynamic Utility Classes: The template you purchased is designed using Tailwind CSS, a utility-first CSS framework. Tailwind relies on dynamic utility classes to style elements. This approach offers flexibility and customization without the need for writing custom CSS.

2. Build Process: Unlike traditional CSS frameworks, Tailwind doesn’t include a precompiled CSS file in the source code. Instead, it utilizes a build process to generate the final CSS file. This process ensures that only the necessary styles are included based on the utility classes used in your HTML.

Getting Started:

1. Install Dependencies: Make sure you have Node.js and npm installed on your machine. These are required for managing project dependencies.

2. Navigate to Project Directory: Open a terminal or command prompt and navigate to the directory where you have the template files.

3. Install Node Modules: Run npm install to install the project-specific dependencies, including Tailwind CSS.

4. Run Build Command: Execute the build command to compile the Tailwind CSS. The command might look something like:

yarn run build

This command processes your stylesheets, applies the utility classes, and outputs the final CSS file.

5. Development Mode (Optional): If you’re making changes to the template, you can use a watch command that automatically recompiles the CSS when changes are detected:

yarn run dev

Locating Assets:

After running the build command, look for the compiled CSS and JS files in the project directory. Update your HTML files to reference these files. The specific paths may vary based on your project structure.

If you have any specific questions or encounter issues at any step, feel free to reach out. I’m here to assist you in getting the most out of the template.

Best regards

Hi there,

Thanks for reaching out!

I’m glad to hear that you’re loving the theme. Just to clarify, we use React version 18 or above in this template. If you have any more questions or need further assistance, feel free to ask.

Best regards

Hi there,

Thank you for your inquiry. Currently, the dark mode feature is not implemented in our application. We appreciate your interest and feedback, and we’ll take your suggestion into consideration for future updates.

Best regards

Hello,

Good afternoon! Absolutely, we’ve just added the Vue version this morning to the Tailwise – HTML, Vue, React, Laravel Tailwind Admin Dashboard Kit.

Although it may not be explicitly mentioned on the website yet, rest assured that we are working on updating the item description promptly to reflect this addition.

If you have any further questions or need assistance, feel free to ask. We appreciate your interest!

Best regards

Hi AndreSpecker,

Great news! We’ve just released the Vue.js version in the latest bundle. You can now enjoy the features and enhancements tailored for Vue.js in our latest update.

If you have any further questions or need assistance, feel free to let us know!

Best regards

Hi,

Yes, this template is available with Laravel support. If you have any specific questions about Laravel 10 compatibility or if there’s anything else you’d like to know, feel free to ask.

We appreciate your interest in our template!

Best regards.

I’m using Tailwise, and I want to validate TomSelect and DatePicker with yup. I can’t validate and get values to submit the form from these components. Could you give me some ways to handle this

Dear lenguyenhunganh2001,

We sincerely apologize for the delay in responding to your inquiry. We understand the importance of timely assistance, and we regret any inconvenience this may have caused.

It seems a bit confusing about validating the `TomSelect` and `DatePicker` fields with Yup in the current version. Therefore, we’ve made an update for the `TomSelect` and `Litepicker` components. Please redownload the project and replace the following components:

- /src/base-components/Litepicker - /src/base-components/TomSelect

After updating these components, you can easily implement validation using Yup. Here’s an example of how to use it:

<Controller
    name="name" 
    control={control}
    render={({ field }) => (
      <TomSelect
        value={field.value}
        onChange={field.onChange}
        className="w-full" 
      >
        <option value="Leonardo DiCaprio">Leonardo DiCaprio</option>
        <option value="Johnny Deep">Johnny Deep</option>
        <option value="Robert Downey, Jr">Robert Downey, Jr</option>
        <option value="Samuel L. Jackson">Samuel L. Jackson</option>
        <option value="Morgan Freeman">Morgan Freeman</option>
      </TomSelect>
    )}
  />

In the example above we use `Controller` component from `react-hook-form` to work with `TomSelect` component. Please check this link for more details.

Please follow the instructions in the previous message to download the latest project files and utilize the updated components.

If you have any further questions or encounter issues, please feel free to reach out. We value your feedback and are here to assist you.

Thank you for your understanding.

Best regards, Left4code Team

Hi lenguyenhunganh2001,

Thank you for reaching out and using Tailwise for your web application. While Tailwise is a premium React template, it doesn’t come with built-in features for React Query or API integration by default.

However, you can seamlessly integrate React Query or work with APIs in your Tailwise-based project by following these general steps:

npm install react-query

// or

yarn add react-query

2. Setup: Configure React Query in your project. You might want to set up a QueryClient and wrap your application with QueryClientProvider in your main component.

3. Usage: Utilize React Query’s useQuery and useMutation hooks in your components to fetch and mutate data from your API.

Remember to refer to the official documentation of React Query for detailed information and examples: React Query Documentation

If you encounter any specific challenges during the integration process or have more questions, feel free to ask. I’m here to assist you.

Best regards, Left4code

Hi,

I appreciate your understanding, and I apologize for the delayed response. Yes, we plan to include a dark mode in an upcoming update. Thank you for your patience, and if you have any more questions or suggestions, feel free to let us know.

Best regards

Hi,

I sincerely apologize for the delayed response, and I appreciate your understanding.

Regarding your question, we are currently working on releasing the HTML version, and it will be available as soon as possible.

Thank you for your patience and for choosing our product. If you have any further questions or concerns, feel free to ask.

Best regards

Hi,

I sincerely apologize for the delayed response, and I appreciate your understanding.

Regarding your question, yes, the Figma design files are available. You can find them included with the package.

Thank you for your patience and for choosing our product. If you have any further questions or need assistance, please feel free to ask.

Best regards

Hi,

I sincerely apologize for the delayed response, and I appreciate your understanding.

Yes, we plan to release the HTML-only version soon. We are working diligently to provide you with the best possible product, and your patience is highly valued.

If you have any further questions or need assistance, please feel free to ask.

Thank you for your patience and for choosing our product.

Best regards

Hi,

I sincerely apologize for the delayed response, and I’m grateful for your purchase.

Thank you for bringing up your interest in a Tailwind version of Midone with React. Fortunately, we already have a version that aligns with your preferences. You can find it by following this link:

Feel free to explore the features, and if you have any further questions or need assistance, please don’t hesitate to ask.

Once again, I appreciate your patience and your choice to use our template.

Best regards

Hi,

Thank you for reaching out,

I understand your concerns. Tailwind CSS does utilize a different approach with utility classes, allowing for quicker styling and development. Our template was indeed crafted from scratch using Tailwind and React 18+, leveraging the benefits of both technologies for a seamless user experience. To assist you in navigating Tailwind’s utility classes, here’s the official documentation: Tailwind CSS Documentation. Don’t hesitate to reach out if you need further guidance or have any questions.

I do also use tailwind, but making multiple divs with 5 lines and 700+ characters, is not the right way. There is multiple duplications. But all in all, I think its a great theme, with nice functionalities. This was just a constructive feedback

Hi,

I appreciate your feedback, and I sincerely apologize for the delayed response.

Thank you for acknowledging the theme’s aesthetic appeal and functionality. I understand your concerns regarding the code structure, and I want to assure you that we are continuously working to enhance and optimize it.

Tailwind CSS indeed introduces a unique approach with utility classes, which can sometimes result in longer lines of code. Your constructive feedback is invaluable, and we are committed to addressing any duplications and improving the code readability in future updates.

If you have specific suggestions or if there’s anything else you’d like assistance with, please feel free to share. Your insights contribute to the ongoing improvement of our theme.

Once again, I appreciate your understanding and your support.

Best regards

Thanks!