https://github.com/intility/no-inline-styles
Deno lint plugin that prevents inline styles in JSX/TSX, enforcing CSS class usage
https://github.com/intility/no-inline-styles
deno
Last synced: 12 days ago
JSON representation
Deno lint plugin that prevents inline styles in JSX/TSX, enforcing CSS class usage
- Host: GitHub
- URL: https://github.com/intility/no-inline-styles
- Owner: intility
- License: mit
- Created: 2025-11-19T07:15:03.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-11-19T09:51:40.000Z (7 months ago)
- Last Synced: 2025-11-19T11:23:55.089Z (7 months ago)
- Topics: deno
- Language: TypeScript
- Homepage:
- Size: 9.77 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
@intility/no-inline-styles
A Deno lint plugin that prevents inline styles in JSX/TSX components. This helps maintain a consistent styling approach by encouraging the use of CSS classes instead of inline styles.
## Installation
Add the plugin to your `deno.json`:
```json
{
"lint": {
"plugins": ["jsr:@intility/no-inline-styles"],
"rules": {
"include": ["no-inline-styles/no-inline-styles"]
}
}
}
```
## Usage
Once configured, the plugin will flag any inline styles:
```tsx
// ❌ Error
Content
// ✅ Good
Content
```
## Ignoring Specific Cases
If you have legitimate use cases for inline styles, you can ignore specific lines:
```tsx
// deno-lint-ignore no-inline-styles/no-inline-styles
Content
```