{`You've clicked the button ${count} times!`}
\n\t\t\t\n\t\t\n\t);\n};\n```\n\n## Styling and CSS\n\n### Default Import\n\nImport Louis styles in your application:\n\n```tsx\nimport '@lokalise/louis/style.css';\n```\n\n### Tailwind CSS v4 Compatibility\n\nIf you're using Tailwind CSS v4 (which uses CSS layers by default), import the layered version in your main CSS file to avoid specificity conflicts:\n\n```css\n@import '@lokalise/louis/style-layered.css';\n\n/* Control layer precedence - Tailwind utilities can override Louis component styles */\n@layer louis, tailwind;\n```\n\nThis ensures Tailwind utility classes can override Louis component styles when needed.\n\n**Note:** Import either `style.css` or `style-layered.css`, not both. Choose `style-layered.css` when using Tailwind CSS v4.\n\n#### Known Limitations\n\nWhen using `style-layered.css`, be aware that unlayered styles from third-party libraries will always override layered Louis styles, regardless of layer order. This is expected CSS cascade layer behavior where unlayered styles have higher precedence than any layered styles.\n\nSpecifically, this affects Louis components that depend on third-party libraries with runtime-generated styles:\n\n- **Select/Multiselect components**: These use react-select, which generates unlayered emotion styles at runtime. When using `style-layered.css`, these components will appear with react-select's unstyled minimal default appearance (basic dropdown controls with minimal styling) instead of Louis's custom theme. To preserve Louis's styling for these components, use the default `style.css` import instead.\n\n## Reporting issues \n\nYou can report issues on our [JIRA Project](https://lokalise.atlassian.net/jira/software/c/projects/FF/boards/454), reach us on [Slack](https://lokalise.slack.com/archives/C038HSS6YM8) or submit a [Support Request](https://lokalise.atlassian.net/servicedesk/customer/portal/24/group/59/create/218).\n\n## How to contribute\n\nCheck our guidelines [here](https://github.com/lokalise/louis/blob/main/CONTRIBUTING.md)\n\n## Code of Conduct\n\nFollow up on our [code of conduct](https://github.com/lokalise/louis/blob/main/CODE_OF_CONDUCT.md)\n\n## Thanks\n\nLouis relies heavily on some of the approaches provided by [Chakra-UI](https://github.com/chakra-ui/chakra-ui) and [Reach UI](https://github.com/reach/reach-ui).\n\n## License\n\nThis project is [APACHE, VERSION 2.0](https://github.com/lokalise/louis/blob/main/LICENSE.md) licensed.\n","readmeFilename":"README.md"}