`\n - 0 and other numbers are output as strings: `Div({foo: 0}) =>
`\n\n```\nDiv(\n { width: '100px' },\n { width: '200px' } // overrides the first width\n);\n\nDiv(\n { width: '100px' },\n { width: null } // removes width\n);\n```\n\n### The Style Property\n\nFor `style`, strings are allowed but **objects are recommended** so they can be merged correctly. Multiple style objects get merged, with later keys overriding earlier ones. Keys in style objects become dash-case in the final HTML.\n\n```\nDiv(\n { style: { backgroundColor: 'red' } },\n { style: { color: 'white' } }\n);\n// => style=\"background-color:red;color:white\"\n```\n\n### Example: A Todo List\n\nYou can create reusable \"components\" by defining helper functions returning arrays of ArtHtmlFactory objects, then use them in your main function.\n\n```typescript\nimport { Div, Ul, Li, Span } from \"art-html-factory\";\n\nconst TodoItem = (title: string) => [\n Span({ style: { fontWeight: \"bold\" } }, title),\n];\n\nexport const TodoList = (items: string[]) =>\n Div(\n { style: { margin: \"10px\" } },\n Ul(items.map((item) => Li(TodoItem(item))))\n );\n\nconsole.log(TodoList([\"Buy milk\", \"Clean house\"]).toString());\n```\n","readmeFilename":"README.md"}