Pom-select

Pom-select-dropdown-vue is a customizable, easy-to-use select dropdown component for Vue applications. It supports single and multiple selection, as well as nested (category-like) structures.

Installation

To install Pom-select in your project, use either npm or yarn.

Using npm:

bash

Copy code

npm install pom-select-dropdown-vue

Using yarn:

bash

Copy code

yarn add pom-select-dropdown-vue

  

Usage

javascript

Copy code

import Pselect from 'pom-select-dropdown-vue'; // Correct import path

You can easily customize toolbars and capture changes using the component’s API:

  

import Pselect from 'pom-select-dropdown-vue';

  

const formData=ref({})

const BrandActivation=ref([{

id:3,name:"dada",

children:[

{ id:5,name:"376536",},

{ id:9,name:"9", children:[

{ id:10,name:"10",},

{ id:14,name:"14 gg",}

]}

]

},

{id:1,name:"6465456"},

{id:2,name:"iuyie"}])

  
  

<!-- const BrandActivation=ref([{

id:3,name:"dada",

children:[ // if you have a tree

{ id:5,name:"376536",}]},

  

{id:1,name:"6465456",

children:[ // if you have a tree

{ id:9,name:"watching",}]

},

  

{id:2,name:"iuyie"}])

-->

  

<Pselect label="Please select from "

:multiple="false"||true

:defaultValue="[{ id: formData.id }]"

@onTabChange='(items) => formData=items' :optionLabels="['name']"

:options="BrandActivation" />

Handling Data Changes

Copy code

Custom Styles

By default, Pom-select comes with pre-built styles. However, if you want to customize the styles, you can add your own CSS:

css

You can also include scoped styles directly in your React components.
Documentation
For detailed information and advanced customization options, refer to the Pom-select documentation (Coming soon).
Contributing
We welcome contributions! To contribute:
Create a new feature branch: git checkout -b feature/your-feature.
Commit your changes: git commit -m 'Add new feature'.
Push to the branch: git push origin feature/your-feature.

Open a Pull Request.

License

Pom-select is licensed under the MIT License. See the LICENSE file for more details.

Contact

If you have any questions or suggestions, feel free to reach out via email: [email protected].

Contributors

SSENGENDO NAZIL – Maintainer#