open-index/open-npm huggingface dataset:
npm package: @maksimyakush/ui
Description: <h1 align="center" style="border-bottom: none;">🚀 @maksimyakush/ui</h1> <h3 align="center">A small ui library</h3> </p>
Author: Maksim Yakush
Latest version: 1.0.31

<h1 align="center" style="border-bottom: none;">🚀 @maksimyakush/ui</h1>
<h3 align="center">A small ui library</h3>
</p>

>Take a look at all the components [here](https://ui-maksimyakush.vercel.app)

### Installation

just copypaste this
``
npm i @maksimyakush/ui
``
and then add styles to your root file
``
import '@maksimyakush/ui/lib/index.css';
``

### Currently available components

- Absolute
- Button
- Container
- Grid
- Group
- Switcher
- Spinner
- Tabs
- Text
npm package: @maksniv/ui
Description: A nuxt 3 UI library, by maksniv
Author: Maksim Niveykin
Latest version: 0.0.20

# maksniv/ui

UI - kit for education

## documentation

<details>
  <summary>Button</summary>
  <li>color (String) - цвет в который можно покрасить кнопку</li> 
  <li>outlined (String) - сделать кнопку очерченной </li>
  <li>Принимает в себя аттрибуты primary, danger, success, warning, info и раскрашивает в соответствующие цвета</li>
</details>

<details>
  <summary>Icon button</summary>
  <li>color (String) - цвет в который можно покрасить кнопку</li> 
  <li>icon (String) - иконка </li>
  <li>size (String) - размер иконки</li>
  <li>Принимает в себя аттрибуты primary, danger, success, warning, info и раскрашивает в соответствующие цвета</li>
</details>

<details>
  <summary>Loader</summary>
  <li>Лоадер загрузки</li>
</details>

<details>
  <summary>Block</summary>
  <li>блок обертка для заднего фона</li>
</details>
npm package: @makspotter/tetu-ui
Description: This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.0.
Latest version: 1.0.4

# Ui

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.0.

## Code scaffolding

Run `ng generate component component-name --project ui` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ui`.
> Note: Don't forget to add `--project ui` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build ui` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build ui`, go to the dist folder `cd dist/ui` and run `npm publish`.

## Running unit tests

Run `ng test ui` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @makstech/vue-bootstrap-select
Description: A vue version of bootstrap select
Latest version: 0.5.1


[![AUR version](https://img.shields.io/npm/v/@alfsnd/vue-bootstrap-select.svg)](https://github.com/Sandalf/vue-bootstrap-select)
[![npm bundle size (minified)](https://img.shields.io/bundlephobia/min/react.svg)](https://github.com/Sandalf/vue-bootstrap-select)

# @makstech/vue-bootstrap-select
A vue version of [bootstrap select](https://github.com/snapappointments/bootstrap-select/)

# Demo

[![Edit Vue Bootstrap Select Demo](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/ovq821j566)

# Install

```shell
npm install @makstech/vue-bootstrap-select --save
```

# Usage

```js
import VSelect from '@makstech/vue-bootstrap-select'

export default {
  name: 'app',
  components: {
    VSelect
  },
  data() {
    return {
      selectedValue: null
    };
  }
}
```

```html
<template>
  <div id="app">
    <v-select :options="[{value: 1, text: 'Item 1'}, {value: 2, text: 'Item 2'}]" v-model="selectedValue" />
  </div>
</template>

<style lang="scss">
@import "~bootstrap-select/sass/bootstrap-select.scss";
</style>
```

### Passing options

The `options` prop accepts arrays of strings

```html
  <v-select :options="['Item 1', 'Item 2']" />
```
And arrays of objects

```html
<v-select :options="[{value: 1, text: 'Item 1'}, {value: 2, text: 'Item 2'}]" />
```

## Props

| parameter      | description                                                                                                                                    | type                                   | default      | acceptable value |
| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------- | ------------ | ---------------- |
| disabled | disables select | Boolean | false   | |
| disabledProp | allows to disable specific options. If an option has this prop set to a truthy value it will disable the option. | String | disabled |  |
| labelNotFound | text displayed when no option is found in the search results | String | No results matched ||
| labelSearchPlaceholder | placeholder text for search input | String | Search | |
| options | list of options | Array | [] | |
| searchable | display search input | Boolean | false |  |
| searchClass | search input class |
| showDefaultOption | sets the select title is set as an option | Boolean | false | |
| textProp | the option's prop that is displayed as the option's text | String | text | |
| valueProp | the option's prop that is used to find the selected value | String | value |