mirrors/django-components
1
0
Fork 0
mirror of https://github.com/django-components/django-components.git synced 2025-09-22 13:42:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

docs: update docs on slots (#1208)

Browse source
This commit is contained in:
Juro Oravec 2025-05-25 08:53:09 +02:00 • committed by GitHub
parent e054a68715
commit 223fc2c68c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 859 additions and 521 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -137,7 +137,7 @@ class Calendar(Component):
[`{% component %}`](https://django-components.github.io/django-components/latest/reference/template_tags#component) tag. [`{% component %}`](https://django-components.github.io/django-components/latest/reference/template_tags#component) tag.
- Compose them with [`{% slot %}`](https://django-components.github.io/django-components/latest/reference/template_tags#slot) - Compose them with [`{% slot %}`](https://django-components.github.io/django-components/latest/reference/template_tags#slot)
and [`{% fill %}`](https://django-components.github.io/django-components/latest/reference/template_tags#fill) tags. and [`{% fill %}`](https://django-components.github.io/django-components/latest/reference/template_tags#fill) tags.
- Vue-like slot system, including [scoped slots](https://django-components.github.io/django-components/latest/concepts/fundamentals/slots/#scoped-slots). - Vue-like slot system, including [scoped slots](https://django-components.github.io/django-components/latest/concepts/fundamentals/slots/#slot-data).
```django ```django
{% component "Layout" {% component "Layout"

2
docs/concepts/fundamentals/.nav.yml
View file

@ -7,8 +7,8 @@ nav:
- Component defaults: component_defaults.md - Component defaults: component_defaults.md
- Render API: render_api.md - Render API: render_api.md
- Rendering components: rendering_components.md - Rendering components: rendering_components.md
- Template tag syntax: template_tag_syntax.md
- Slots: slots.md - Slots: slots.md
- Template tag syntax: template_tag_syntax.md
- HTML attributes: html_attributes.md - HTML attributes: html_attributes.md
- Component views and URLs: component_views_urls.md - Component views and URLs: component_views_urls.md
- HTTP Request: http_request.md - HTTP Request: http_request.md

1371
docs/concepts/fundamentals/slots.md
View file

File diff suppressed because it is too large Load diff

3
docs/getting_started/adding_slots.md
View file

@ -189,7 +189,8 @@ which is NOT the same as the `date` variable used inside Calendar's template.
We want to use the same `date` variable that's used inside Calendar's template. We want to use the same `date` variable that's used inside Calendar's template.
Luckily, django-components allows passing data to the slot, also known as [Scoped slots](../../concepts/fundamentals/slots#scoped-slots). Luckily, django-components allows [passing data to slots](../../concepts/fundamentals/slots#slot-data),
also known as [Scoped slots](https://vuejs.org/guide/components/slots#scoped-slots).
This consists of two steps: This consists of two steps:

2
docs/getting_started/components_in_templates.md
View file

@ -102,7 +102,7 @@ and render the component inside a template:
!!! info !!! info
Component tags should end with `/` if they do not contain any [Slot fills](../../concepts/fundamentals/slots#slot-fills). Component tags should end with `/` if they do not contain any [Slot fills](../../concepts/fundamentals/slots).
But you can also use `{% endcomponent %}` instead: But you can also use `{% endcomponent %}` instead:
```htmldjango ```htmldjango