{"library":"babel-plugin-jsx-display-if","type":"library","category":null,"description":"Babel plugin that adds an `display-if` attribute to JSX elements to conditionally render them, inspired by Angular's ng-if. v3.0.0 (latest) is a stable release with no active development. It transforms `<Comp display-if={condition} />` into `{condition && <Comp />}`, making conditional rendering more readable for non-developers. Compared to inline ternaries or helper functions, this plugin provides a declarative, template-like syntax. Only compatible with Babel 7+ and requires the JSX transform. Minimal footprint with no runtime dependencies.","language":"javascript","status":"active","version":"3.0.0","tags":["javascript","babel","plugin","jsx","react","ng-if","display-if","conditional","react-component"],"last_verified":"Wed May 27","install":[{"cmd":"npm install babel-plugin-jsx-display-if","imports":["This is a Babel plugin, not imported in source code. Add to .babelrc or babel.config.js: {\"plugins\": [\"jsx-display-if\"]}"]},{"cmd":"yarn add babel-plugin-jsx-display-if","imports":[]},{"cmd":"pnpm add babel-plugin-jsx-display-if","imports":[]}],"homepage":null,"github":"https://github.com/craftsy/babel-plugin-jsx-display-if","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/babel-plugin-jsx-display-if","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/babel-plugin-jsx-display-if/compatibility"}}