{% if component_name %}
{% with component_spec=component_name|get_component_spec %}
{% if component_spec %}
{% if component_spec.variables %}
| Property |
Type |
Default |
Required |
Description |
{% for var_name, var_spec in component_spec.variables.items %}
|
{{ var_name }}
{% if var_spec.css_mapping %}
{% endif %}
|
{% if var_spec.type == "enum" %}
{% if var_spec.values %}
{% for value in var_spec.values %}
{% if value != "" %}
{{ value }}
{% endif %}
{% endfor %}
{% endif %}
{% elif var_spec.type == "boolean" %}
boolean
{% elif var_spec.type == "map" %}
map
{{ var_spec.variable }}
{% else %}
{{ var_spec.type|default:"string" }}
{% endif %}
|
{% if var_spec.default is not None and var_spec.default != "" %}
{{ var_spec.default|stringformat:"s" }}
{% else %}
-
{% endif %}
|
{% if var_spec.required %}
Yes
{% else %}
No
{% endif %}
|
{{ var_spec.description|default:"-" }} |
{% if var_spec.dot_modifiers %}
{% for mod_name, mod_desc in var_spec.dot_modifiers.items %}
|
↳ .{{ mod_name }}
|
modifier
|
-
|
No
|
{{ mod_desc }} |
{% endfor %}
{% endif %}
{% endfor %}
{% endif %}
{% if component_spec.slots %}
| Slot Name |
Description |
{% for slot_name, slot_spec in component_spec.slots.items %}
|
{% if slot_name == "default" %}
default
{% else %}
{{ slot_name }}
{% endif %}
|
{{ slot_spec.description|default:"-" }} |
{% endfor %}
{% endif %}
{% if component_spec.events %}
Events
| Event Name |
Description |
Data |
{% for event in component_spec.events %}
| {{ event.name }} |
{{ event.description|default:"-" }} |
{{ event.data|default:"-" }} |
{% endfor %}
{% endif %}
{% else %}
Component "{{ component_name }}" not found in registry.
{% endif %}
{% endwith %}
{% else %}
No component name provided.
{% endif %}