switch to props instead of attrs in docs

closes #57

Author: joshuadavidthomas

docs/organization.md

@@ -15,19 +15,21 @@ Let's start by including all component variations in a single file:
 ```{code-block} htmldjango
 :caption: templates/bird/icon.html
 
-{% if attrs.name == "arrow-down" %}
+{% bird:prop name %}
+
+{% if props.name == "arrow-down" %}
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
         <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" />
     </svg>
-{% elif attrs.name == "arrow-left" %}
+{% elif props.name == "arrow-left" %}
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
         <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 19.5 3 12m0 0 7.5-7.5M3 12h18" />
     </svg>
-{% elif attrs.name == "arrow-right" %}
+{% elif props.name == "arrow-right" %}
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
         <path stroke-linecap="round" stroke-linejoin="round" d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3" />
     </svg>
-{% elif attrs.name == "arrow-up" %}
+{% elif props.name == "arrow-up" %}
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
         <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" />
     </svg>
@@ -162,7 +164,7 @@ Here's how these components might be implemented internally:
 
 ```{code-block} htmldjango
 :caption: `accordion.item`
-<details name="{{ attrs.name }}">
+<details {{ attrs }}>
     {{ slot }}
 </details>
 ```