ENG-8759: Lowercase html components (#1744)

Author: carlosabadia

docs/library/other/html.md

@@ -1,115 +1,115 @@
 ---
 components:
-    - rx.el.A
-    - rx.el.Abbr
-    - rx.el.Address
-    - rx.el.Area
-    - rx.el.Article
-    - rx.el.Aside
-    - rx.el.Audio
-    - rx.el.B
-    - rx.el.Bdi
-    - rx.el.Bdo
-    - rx.el.Blockquote
-    - rx.el.Body
-    - rx.el.Br
-    - rx.el.Button
-    - rx.el.Canvas
-    - rx.el.Caption
-    - rx.el.Cite
-    - rx.el.Code
-    - rx.el.Col
-    - rx.el.Colgroup
-    - rx.el.Data
-    - rx.el.Dd
+    - rx.el.a
+    - rx.el.abbr
+    - rx.el.address
+    - rx.el.area
+    - rx.el.article
+    - rx.el.aside
+    - rx.el.audio
+    - rx.el.b
+    - rx.el.bdi
+    - rx.el.bdo
+    - rx.el.blockquote
+    - rx.el.body
+    - rx.el.br
+    - rx.el.button
+    - rx.el.canvas
+    - rx.el.caption
+    - rx.el.cite
+    - rx.el.code
+    - rx.el.col
+    - rx.el.colgroup
+    - rx.el.data
+    - rx.el.dd
     - rx.el.Del
-    - rx.el.Details
-    - rx.el.Dfn
-    - rx.el.Dialog
-    - rx.el.Div
-    - rx.el.Dl
-    - rx.el.Dt
-    - rx.el.Em
-    - rx.el.Embed
-    - rx.el.Fieldset
-    - rx.el.Figcaption
-    - rx.el.Footer
-    - rx.el.Form
-    - rx.el.H1
-    - rx.el.H2
-    - rx.el.H3
-    - rx.el.H4
-    - rx.el.H5
-    - rx.el.H6
-    - rx.el.Head
-    - rx.el.Header
-    - rx.el.Hr
-    - rx.el.Html
-    - rx.el.I
-    - rx.el.Iframe
-    - rx.el.Img
-    - rx.el.Input
-    - rx.el.Ins
-    - rx.el.Kbd
-    - rx.el.Label
-    - rx.el.Legend
-    - rx.el.Li
-    - rx.el.Link
-    - rx.el.Main
-    - rx.el.Mark
-    - rx.el.Math
-    - rx.el.Meta
-    - rx.el.Meter
-    - rx.el.Nav
-    - rx.el.Noscript
-    - rx.el.Object
-    - rx.el.Ol
-    - rx.el.Optgroup
-    - rx.el.Option
-    - rx.el.Output
-    - rx.el.P
-    - rx.el.Picture
-    - rx.el.Portal
-    - rx.el.Pre
-    - rx.el.Progress
-    - rx.el.Q
-    - rx.el.Rp
-    - rx.el.Rt
-    - rx.el.Ruby
-    - rx.el.S
-    - rx.el.Samp
-    - rx.el.Script
-    - rx.el.Section
-    - rx.el.Select
-    - rx.el.Small
-    - rx.el.Source
-    - rx.el.Span
-    - rx.el.Strong
-    - rx.el.Sub
-    - rx.el.Sup
+    - rx.el.details
+    - rx.el.dfn
+    - rx.el.dialog
+    - rx.el.div
+    - rx.el.dl
+    - rx.el.dt
+    - rx.el.em
+    - rx.el.embed
+    - rx.el.fieldset
+    - rx.el.figcaption
+    - rx.el.footer
+    - rx.el.form
+    - rx.el.h1
+    - rx.el.h2
+    - rx.el.h3
+    - rx.el.h4
+    - rx.el.h5
+    - rx.el.h6
+    - rx.el.head
+    - rx.el.header
+    - rx.el.hr
+    - rx.el.html
+    - rx.el.i
+    - rx.el.iframe
+    - rx.el.img
+    - rx.el.input
+    - rx.el.ins
+    - rx.el.kbd
+    - rx.el.label
+    - rx.el.legend
+    - rx.el.li
+    - rx.el.link
+    - rx.el.main
+    - rx.el.mark
+    - rx.el.math
+    - rx.el.meta
+    - rx.el.meter
+    - rx.el.nav
+    - rx.el.noscript
+    - rx.el.object
+    - rx.el.ol
+    - rx.el.optgroup
+    - rx.el.option
+    - rx.el.output
+    - rx.el.p
+    - rx.el.picture
+    - rx.el.portal
+    - rx.el.pre
+    - rx.el.progress
+    - rx.el.q
+    - rx.el.rp
+    - rx.el.rt
+    - rx.el.ruby
+    - rx.el.s
+    - rx.el.samp
+    - rx.el.script
+    - rx.el.section
+    - rx.el.select
+    - rx.el.small
+    - rx.el.source
+    - rx.el.span
+    - rx.el.strong
+    - rx.el.sub
+    - rx.el.sup
     - rx.el.svg.circle
     - rx.el.svg.defs
     - rx.el.svg.linear_gradient
     - rx.el.svg.polygon
     - rx.el.svg.path
     - rx.el.svg.rect
     - rx.el.svg.stop
-    - rx.el.Table
-    - rx.el.Tbody
-    - rx.el.Td
-    - rx.el.Template
-    - rx.el.Textarea
-    - rx.el.Tfoot
-    - rx.el.Th
-    - rx.el.Thead
-    - rx.el.Time
-    - rx.el.Title
-    - rx.el.Tr
-    - rx.el.Track
-    - rx.el.U
-    - rx.el.Ul
-    - rx.el.Video
-    - rx.el.Wbr
+    - rx.el.table
+    - rx.el.tbody
+    - rx.el.td
+    - rx.el.template
+    - rx.el.textarea
+    - rx.el.tfoot
+    - rx.el.th
+    - rx.el.thead
+    - rx.el.time
+    - rx.el.title
+    - rx.el.tr
+    - rx.el.track
+    - rx.el.u
+    - rx.el.ul
+    - rx.el.video
+    - rx.el.wbr
 ---
 
 # HTML

pcweb/pages/docs/component.py

@@ -1069,8 +1069,17 @@ def component_docs(component_tuple, comp):
     triggers = generate_event_triggers(component, src)
     children = generate_valid_children(component)
 
+    # Map for component display name overrides (e.g., for Python reserved keywords)
+    component_display_name_map = {
+        "rx.el.Del": "rx.el.del",
+    }
+
+    comp_display_name = component_display_name_map.get(
+        component_tuple[1], component_tuple[1]
+    )
+
     return rx.box(
-        h2_comp(text=component_tuple[1]),
+        h2_comp(text=comp_display_name),
         rx.box(markdown(textwrap.dedent(src.get_docs())), class_name="pb-2"),
         props,
         children,