001/* 002 * Licensed to the Apache Software Foundation (ASF) under one or more 003 * contributor license agreements. See the NOTICE file distributed with 004 * this work for additional information regarding copyright ownership. 005 * The ASF licenses this file to You under the Apache License, Version 2.0 006 * (the "License"); you may not use this file except in compliance with 007 * the License. You may obtain a copy of the License at 008 * 009 * http://www.apache.org/licenses/LICENSE-2.0 010 * 011 * Unless required by applicable law or agreed to in writing, software 012 * distributed under the License is distributed on an "AS IS" BASIS, 013 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 014 * See the License for the specific language governing permissions and 015 * limitations under the License. 016 */ 017package org.apache.juneau.bean.html5; 018 019import org.apache.juneau.marshall.*; 020 021/** 022 * DTO for an HTML <a class="doclink" href="https://www.w3.org/TR/html5/grouping-content.html#the-li-element"><li></a> 023 * element. 024 * 025 * <p> 026 * The li element represents a list item. It is used to mark up individual items within a list, 027 * such as items in an unordered list (ul) or ordered list (ol). The li element can contain 028 * any flow content and is typically rendered with a bullet point (for ul) or a number (for ol) 029 * depending on the parent list type. The li element is essential for creating structured lists 030 * in HTML documents. 031 * 032 * <h5 class='section'>Examples:</h5> 033 * <p class='bcode w800'> 034 * <jk>import static</jk> org.apache.juneau.bean.html5.HtmlBuilder.*; 035 * 036 * <jc>// Simple list item</jc> 037 * Li <jv>simple</jv> = <jsm>li</jsm>(<js>"First item"</js>); 038 * 039 * <jc>// Li with styling</jc> 040 * Li <jv>styled</jv> = <jsm>li</jsm>(<js>"Styled list item"</js>) 041 * .class_(<js>"list-item"</js>); 042 * 043 * <jc>// Li with complex content</jc> 044 * Li <jv>complex</jv> = <jsm>li</jsm>( 045 * <js>"Item with "</js>, 046 * <jsm>strong</jsm>(<js>"bold text"</js>), 047 * <js>" and "</js>, 048 * <jsm>em</jsm>(<js>"italic text"</js>) 049 * ); 050 * 051 * <jc>// Li with ID</jc> 052 * Li <jv>withId</jv> = <jsm>li</jsm>(<js>"List item with ID"</js>) 053 * .id(<js>"list-item-1"</js>); 054 * 055 * <jc>// Li with styling</jc> 056 * Li <jv>styled2</jv> = <jsm>li</jsm>(<js>"Custom styled list item"</js>) 057 * .style(<js>"color: #666; margin: 5px 0;"</js>); 058 * 059 * <jc>// Li with multiple elements</jc> 060 * Li <jv>multiple</jv> = <jsm>li</jsm>( 061 * <js>"Step 1: "</js>, 062 * <jsm>span</jsm>(<js>"Complete the form"</js>).class_(<js>"step-title"</js>), 063 * <js>" "</js>, 064 * <jsm>small</jsm>(<js>"(Required)"</js>) 065 * ); 066 * 067 * <jc>// Li with links</jc> 068 * Li <jv>withLinks</jv> = <jsm>li</jsm>( 069 * <js>"Visit "</js>, 070 * <jsm>a</jsm>(<js>"/help"</js>, <js>"help page"</js>), 071 * <js>" for assistance"</js> 072 * ); 073 * </p> 074 * 075 * <p> 076 * The following convenience methods are provided for constructing instances of this bean: 077 * <ul class='javatree'> 078 * <li class='jc'>{@link HtmlBuilder} 079 * <ul class='javatree'> 080 * <li class='jm'>{@link HtmlBuilder#li() li()} 081 * <li class='jm'>{@link HtmlBuilder#li(Object...) li(Object...)} 082 * </ul> 083 * </ul> 084 * </p> 085 * 086 * <h5 class='section'>See Also:</h5><ul> 087 * <li class='link'><a class="doclink" href="https://juneau.apache.org/docs/topics/JuneauBeanHtml5">juneau-bean-html5</a> 088 * </ul> 089 */ 090@Marshalled(typeName = "li") 091public class Li extends HtmlElementMixed<Li> { 092 093 /** 094 * Creates an empty {@link Li} element. 095 */ 096 public Li() {} 097 098 /** 099 * Creates an {@link Li} element with the specified child nodes. 100 * 101 * @param children The child nodes. Must not be <jk>null</jk>. 102 */ 103 public Li(Object...children) { 104 children(children); 105 } 106 107}