Qtml - Details

Docs Playground

Getting started

Language

Article Aside Box Button Column Details Footer Grid Header Header1 Header2 Header3 Header4 Header5 Header6 Image Input Link ListItem Markup Nav OrderedList Page Row Section Span Summary Text Textarea UnorderedList

accent_color align alt append_to aspect background border border_bottom border_collapse border_color border_left border_radius border_right border_top bottom box_sizing class color content cursor display duration flex font_family grid_columns grid_rows grow height horizontal_alignment href hx_confirm hx_get hx_include hx_post hx_swap hx_target hx_trigger id include inset justify leading left list_style margin margin_x margin_y max_height max_width min_height min_width name object_fit opacity outline_color overflow padding padding_x padding_y placeholder placeholder_color position post prepend_to replace resize right selection shadow shrink size source spacing spacing_x spacing_y style target text text_alignment text_decoration top tracking transition type update value vertical_align vertical_alignment weight width z_index

:active :dark :desktop :disabled :focus :hover :tablet

If For loops Conditional values

Styles Custom components

Renders a disclosure widget as a <details> element. Pair it with Summary.

Details { Summary { text: "More" } Text { text: "Details" } }