django-components

Docs Examples Plugins

Theme

Version

GitHub PyPI Discord

Docs Examples Plugins

Overview

Compatibility
Security notes 🚨
Performance
License

Getting Started

Installation
Create your first component
Adding JS and CSS
Adding dependencies
Components in templates
Parametrising components
Adding slots
Rendering components

Concepts

Single-file components
HTML / JS / CSS files
HTML / JS / CSS variables
Secondary JS / CSS files
Component defaults
Render API
Rendering components
Slots
Template tag syntax
HTML attributes
Component views and URLs
HTTP Request
Typing and validation
Subclassing components
Autodiscovery

Rendering JS / CSS
HTML fragments
Prop drilling and provide / inject
Lifecycle hooks
Registering components
Component caching
Component context and scope
Custom template tags
Tag formatters
Extensions
Testing
Component libraries

API Reference

Overview
API
Commands
Components
Exceptions
Extension commands
Extension hooks
Extension URLs
Settings
Signals
Tag formatters
Template tags
Template variables
Testing API
URLs

Guides

Caching
Development server

Troubleshooting

Upgrading

Upgrading in pre-v1.0
Migrating from safer_staticfiles

Community

Django Components People
Questions & Help
Contributing
Development
Code of Conduct
AI / LLM bot policy

On this page

Feat

v0.80 (2024-06-01)

Feat

Vue-like provide/inject with the {% provide %} tag and inject() method.

django-components version: 0.152.0

On this page

Feat

Popular pages

Installation
Your first component
Adding slots
Adding JS and CSS
Examples

↑↓ navigate↵ selectesc close