The New Way to Build! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Learn More

Advanced Select Component


I am using tailwind version 9.0.4 on Laravel. When can I expect Advanced Select Component?


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


To find an advanced select component for your Laravel project using Tailwind CSS, consider these options:
Build Your Own Component:
- Use Tailwind's utility classes to create a custom select component tailored to your specific needs.
- Leverage Vue.js or React (if you're using them with Laravel) for more complex interactions.
Explore Third-Party Libraries:
- Search for UI component libraries that integrate with Tailwind CSS and offer advanced select components.

Popular options include:
- Alpine.js (for smaller-scale components space waves)
- Vuetify or Quasar (for larger-scale applications)
- Tailwind UI (official Tailwind components, but might have limitations)

Check for Community Resources:
- Look for open-source projects or code snippets on platforms like GitHub or Laracasts.



Hi,

We are working on it. Within 1-3 months, we’ll release new components like the datepicker, date range picker, calendar, and combobox (including select, advanced select, autocomplete, and AJAX data source). Our goal is to make Metronic Tailwind an enterprise-ready app kit as soon as possible.

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(