{"id":25107836,"url":"https://github.com/borisgerretzen/simpleblazormultiselect","last_synced_at":"2025-04-02T08:46:13.108Z","repository":{"id":209320003,"uuid":"723205465","full_name":"BorisGerretzen/SimpleBlazorMultiselect","owner":"BorisGerretzen","description":"A simple blazor multiselect dropdown component","archived":false,"fork":false,"pushed_at":"2025-03-12T22:40:06.000Z","size":26654,"stargazers_count":4,"open_issues_count":3,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-12T23:22:52.592Z","etag":null,"topics":["blazor","combobox","component","dropdown","multiselect","multiselectdropdown","multiselection"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"lgpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BorisGerretzen.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-11-24T23:52:34.000Z","updated_at":"2025-03-11T08:56:22.000Z","dependencies_parsed_at":"2023-11-26T17:27:21.678Z","dependency_job_id":"862d8faa-caf3-4916-ba92-320422b77d94","html_url":"https://github.com/BorisGerretzen/SimpleBlazorMultiselect","commit_stats":null,"previous_names":["borisgerretzen/simpleblazormultiselect"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BorisGerretzen%2FSimpleBlazorMultiselect","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BorisGerretzen%2FSimpleBlazorMultiselect/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BorisGerretzen%2FSimpleBlazorMultiselect/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BorisGerretzen%2FSimpleBlazorMultiselect/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BorisGerretzen","download_url":"https://codeload.github.com/BorisGerretzen/SimpleBlazorMultiselect/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246785428,"owners_count":20833471,"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":["blazor","combobox","component","dropdown","multiselect","multiselectdropdown","multiselection"],"created_at":"2025-02-07T23:49:20.958Z","updated_at":"2025-04-02T08:46:13.090Z","avatar_url":"https://github.com/BorisGerretzen.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Simple blazor multiselect\nThis package contains a simple blazor dropdown component that supports single and multiple selection.\n\n## Installation\n1. Add the following to your `_Imports.razor` file:\n    ```csharp\n    @using SimpleBlazorMultiselect\n    ```\n\n2. Add the following to the `\u003chead\u003e` of your `App.razor` or `index.html` file:\n    ```html\n    \u003clink rel=\"stylesheet\" href=\"_content/SimpleBlazorMultiselect/bootstrap.min.css\"/\u003e\n    \u003cscript src=\"_content/SimpleBlazorMultiselect/bootstrap.bundle.min.js\"\u003e\u003c/script\u003e\n    ```\n\n## Usage\nSee the project `SimpleBlazorMultiselectDemo` for more examples of how to use the component, \nor take a look at the properties page on the [wiki](https://github.com/BorisGerretzen/SimpleBlazorMultiselect/wiki/Properties).\nThe demo project is hosted on [GitHub Pages](https://borisgerretzen.github.io/SimpleBlazorMultiselect/).\n\nBelow are some short examples, they all use the following `@code` block:\n```csharp\n@code {\n    private readonly List\u003cstring\u003e _items = new() { \"Item 1\", \"Item 2\", \"Item 3\", \"Item 4\", \"Item 5\", \"Item 6\", \"Item 7\", \"Item 8\", \"Item 9\", \"Item 10\" };\n    private List\u003cstring\u003e _selectedItems = new();\n}\n```\n\n### Basic dropdown\n```html\n\u003cSimpleMultiselect\n    Options=\"_items\"\n    @bind-SelectedOptions=\"_selectedItems\"/\u003e\n```\n![image](https://github.com/BorisGerretzen/SimpleBlazorMultiselect/assets/15902678/2f6bb03e-e076-44dc-a90d-1a8c24b84fee)\n\n### Dropdown with custom item template\n```html\n\u003cSimpleMultiselect\n        Options=\"_items\"\n        @bind-SelectedOptions=\"_selectedItems\"\u003e\n    \u003cSelectedOptionsRenderer Context=\"options\"\u003e\n        @foreach (var item in options)\n        {\n            \u003cspan \n                class=\"badge bg-primary\"\n                style=\"padding: 6px; margin-right: 10px;\"\u003e\n                @item\n            \u003c/span\u003e\n        }\n    \u003c/SelectedOptionsRenderer\u003e\n\u003c/SimpleMultiselect\u003e\n```\n![image](https://github.com/BorisGerretzen/SimpleBlazorMultiselect/assets/15902678/fa0ee874-b95f-4ee7-b813-7c321aadef74)\n\n### Dropdown with filter\n```html\n\u003cSimpleMultiselect\n        Options=\"_items\"\n        @bind-SelectedOptions=\"_selectedItems\"\n        CanFilter=\"true\"/\u003e\n```\n![image](https://github.com/BorisGerretzen/SimpleBlazorMultiselect/assets/15902678/5f54049a-23c0-428b-992f-7735cffb985f)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fborisgerretzen%2Fsimpleblazormultiselect","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fborisgerretzen%2Fsimpleblazormultiselect","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fborisgerretzen%2Fsimpleblazormultiselect/lists"}