Explorar o código

Add html module description to ui.html documentation (#4027)

It's copy and paste from
`website/documentation/content/section_text_elements.py`. Maybe there is
a better way?
Rodja Trappe hai 5 meses
pai
achega
f88b75263b
Modificáronse 1 ficheiros con 21 adicións e 0 borrados
  1. 21 0
      website/documentation/content/html_documentation.py

+ 21 - 0
website/documentation/content/html_documentation.py

@@ -15,4 +15,25 @@ def demo_inline() -> None:
     ui.html('This is <u>emphasized</u>.', tag='em')
 
 
+@doc.demo('Other HTML Elements', '''
+    There is also an `html` module that allows you to insert other HTML elements like `<span>`, `<div>`, `<p>`, etc.
+    It is equivalent to using the `ui.element` method with the `tag` argument.
+
+    Like with any other element, you can add classes, style, props, tooltips and events.
+    One convenience is that the keyword arguments are automatically added to the element's `props` dictionary.
+''')
+def other_html_elements():
+    from nicegui import html, ui
+
+    with html.section().style('font-size: 120%'):
+        html.strong('This is bold.') \
+            .classes('cursor-pointer') \
+            .on('click', lambda: ui.notify('Bold!'))
+        html.hr()
+        html.em('This is italic.').tooltip('Nice!')
+        with ui.row():
+            html.img().props('src=https://placehold.co/60')
+            html.img(src='https://placehold.co/60')
+
+
 doc.reference(ui.html)