{"library":"prettier-plugin-elm-tailwind","title":"Prettier Plugin Elm Tailwind","description":"A Prettier plugin for sorting Tailwind CSS classes in Elm files. Current stable version is 0.2.3. It integrates with prettier-plugin-elm and optionally with prettier-plugin-tailwindcss to provide consistent Tailwind class ordering within Elm's class and classList attributes. The plugin supports string concatenation and conditional class lists, and includes a built-in fallback sorter if the official Tailwind plugin is unavailable. Releases are infrequent; the plugin is stable and covers common Elm patterns.","language":"javascript","status":"active","last_verified":"Sat Apr 25","install":{"commands":["npm install prettier-plugin-elm-tailwind"],"cli":null},"imports":["// No explicit import needed; plugin auto-detects on .elm files","// Add to prettier config: { \"plugins\": [\"prettier-plugin-elm-tailwind\"] }","// In package.json add: \"prettier\": { \"plugins\": [\"prettier-plugin-elm-tailwind\"] }"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// Install dependencies\nnpm install --save-dev prettier prettier-plugin-elm prettier-plugin-elm-tailwind\n\n// Create .prettierrc.json with plugins\n{\n  \"plugins\": [\"prettier-plugin-elm\", \"prettier-plugin-elm-tailwind\"]\n}\n\n// Format an Elm file\nnpx prettier --write src/Main.elm\n\n// Example input (Main.elm):\n// module Main exposing (main)\n// import Html exposing (div, text)\n// import Html.Attributes exposing (class)\n// main = div [ class \"text-lg flex p-4 bg-blue-500\" ] [ text \"Hello\" ]\n//\n// After formatting:\n// main = div [ class \"flex p-4 bg-blue-500 text-lg\" ] [ text \"Hello\" ]","lang":"typescript","description":"Setup and usage example showing installation, configuration, and formatting an Elm file with Tailwind classes.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}