# @conectate/ct-select

> Ct Elements

Latest version **4.5.11** (published 2025-12-18) · BSD-3-Clause license · 0 weekly downloads

## Install

```sh
npm install @conectate/ct-select
pnpm add @conectate/ct-select
yarn add @conectate/ct-select
bun add @conectate/ct-select
```

## Health

**Score 60/100 (C)** — status: stable.

Positive: has types; esm support; no vulnerabilities; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 4.5.11 |
| Published | 2025-12-18 |
| First published | 2021-01-13 |
| Weekly downloads | 0 |
| License | BSD-3-Clause |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 7 |
| Unpacked size | 72.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 15 |
| Author | Herberth Obregón |
| Maintainers | herberthobregon |
| Keywords | ct-elements |

## Links

- npm: https://www.npmjs.com/package/@conectate/ct-select
- Repository: https://github.com/conectate/ct-elements
- Issues: https://github.com/conectate/ct-elements/issues
- npm.io page: https://npm.io/package/@conectate/ct-select

## Dependencies (7)

- [@conectate/ct-lit](https://npm.io/package/@conectate/ct-lit.md) ^4.4.9
- [@conectate/ct-card](https://npm.io/package/@conectate/ct-card.md) ^4.4.9
- [@conectate/ct-icon](https://npm.io/package/@conectate/ct-icon.md) ^4.5.6
- [@conectate/ct-input](https://npm.io/package/@conectate/ct-input.md) ^4.5.11
- [@conectate/ct-button](https://npm.io/package/@conectate/ct-button.md) ^4.5.6
- [@conectate/ct-dialog](https://npm.io/package/@conectate/ct-dialog.md) ^4.5.11
- [@conectate/ct-helpers](https://npm.io/package/@conectate/ct-helpers.md) ^4.4.9

## Recent versions

- 4.5.11 (latest) — 2025-12-18
- 4.5.10 — 2025-12-04
- 4.5.9 — 2025-12-02
- 4.5.8 — 2025-12-02
- 4.5.7 — 2025-12-01
- 4.5.6 — 2025-12-01
- 4.5.5 — 2025-12-01
- 4.5.4 — 2025-11-30
- 4.5.3 — 2025-11-30
- 4.5.2 — 2025-11-27
- 4.5.1 — 2025-11-27
- 4.5.0 — 2025-11-27
- 4.4.17 — 2025-08-01
- 4.4.16 — 2025-06-22
- 4.4.15 — 2025-06-05
- … 77 more at https://npm.io/package/@conectate/ct-select/versions

## README

# `ct-select`

## Basic Example

```typescript
// import { ... } from 'lit';

// @conectate/ct-lit is a base class wrapper of lit
import { CtLit, css, customElement, html, property } from "@conectate/ct-lit";

@customElement("my-select")
export class MySelect extends CtLit {
	items: { text: string; value: any }[] = [
		{ text: "Item 1", value: 1 },
		{ text: "Item 2", value: 2 },
		{ text: "Item 3", value: 3 }
	];
	render() {
		return html` <ct-select id="select" label="selecciona uno" .items=${this.items} @value=${this.onSelectItem}></ct-select> `;
	}

	firstUpdated() {
		this.mapIDs(); // map ID's in this.$ = { ... }
	}

	onSelectItem(e: CustomEvent<{ value: any }>) {
		console.log(this.$.select.value);
		// or
		console.log(e.detail.value);
	}
}
```

---
_Source: https://npm.io/package/@conectate/ct-select · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._