{"id":21924256,"url":"https://github.com/brandonhimpfen/html-list-builder","last_synced_at":"2026-04-29T08:32:16.452Z","repository":{"id":182937941,"uuid":"656416818","full_name":"brandonhimpfen/html-list-builder","owner":"brandonhimpfen","description":"The HTML List Builder is an npm package that allows you to easily create ordered and unordered lists in HTML with class and id attributes as options.","archived":false,"fork":false,"pushed_at":"2023-06-20T23:46:00.000Z","size":6,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-12T09:15:21.809Z","etag":null,"topics":["html","html-list","html5","list","ol","ul"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/html-list-builder","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/brandonhimpfen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2023-06-20T23:18:14.000Z","updated_at":"2024-11-03T05:26:21.000Z","dependencies_parsed_at":"2023-07-22T07:21:13.487Z","dependency_job_id":null,"html_url":"https://github.com/brandonhimpfen/html-list-builder","commit_stats":null,"previous_names":["brandonhimpfen/html-list-builder"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brandonhimpfen%2Fhtml-list-builder","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brandonhimpfen%2Fhtml-list-builder/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brandonhimpfen%2Fhtml-list-builder/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/brandonhimpfen%2Fhtml-list-builder/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/brandonhimpfen","download_url":"https://codeload.github.com/brandonhimpfen/html-list-builder/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244947017,"owners_count":20536546,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html","html-list","html5","list","ol","ul"],"created_at":"2024-11-28T21:14:14.169Z","updated_at":"2026-04-29T08:32:11.424Z","avatar_url":"https://github.com/brandonhimpfen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# html-list-builder\n\n[![npm version](https://img.shields.io/npm/v/html-list-builder.svg)](https://www.npmjs.com/package/html-list-builder)\n\nThe HTML List Builder is an npm package that allows you to easily create ordered and unordered lists in HTML with class and id attributes as options. It provides a simple and convenient way to generate lists programmatically.\n\n## Installation\n\nYou can install the HTML List Builder package using npm. Run the following command:\n\n```\nnpm install html-list-builder\n```\n\n## Usage\n\nTo use the HTML List Builder in your project, require it and call the provided functions:\n\n```\nconst { createOrderedList, createUnorderedList } = require('html-list-builder');\n\nconst items = ['Apple', 'Banana', 'Orange'];\nconst options = { class: 'fruits', id: 'fruits-list' };\n\nconst orderedList = createOrderedList(items, options);\nconsole.log(orderedList);\n\nconst unorderedList = createUnorderedList(items, options);\nconsole.log(unorderedList);\n\n```\n\nThe `createOrderedList` and `createUnorderedList` functions take an array of items as the first parameter and an options object as the second parameter. The options object can contain `class` and `id`attributes to customize the list element.\n\n## API\n\n### createOrderedList(items, options)\n\nThis function generates an ordered list in HTML.\n\n* `items` (Array): An array of strings representing the list items.\n* `options` (Object): An optional object with the following properties:\n  * `class` (String): The class attribute for the `\u003col\u003e` element.\n  * `id` (String): The id attribute for the `\u003col\u003e` element.\n\nReturns: A string containing the generated ordered list HTML.\n\n### createUnorderedList(items, options)\n\nThis function generates an unordered list in HTML.\n\n* `items` (Array): An array of strings representing the list items.\n* `options` (Object): An optional object with the following properties:\n  * `class` (String): The class attribute for the `\u003cul\u003e` element.\n  * `id` (String): The id attribute for the `\u003cul\u003e` element.\n\nReturns: A string containing the generated unordered list HTML.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrandonhimpfen%2Fhtml-list-builder","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbrandonhimpfen%2Fhtml-list-builder","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbrandonhimpfen%2Fhtml-list-builder/lists"}