PHPackages                             nk-o/carbon-field-react-select - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. nk-o/carbon-field-react-select

ActiveLibrary

nk-o/carbon-field-react-select
==============================

Carbon Fields extension, that adds a React\_Select field type.

v3.1.0(4y ago)6194↓100%2[6 PRs](https://github.com/nk-o/carbon-field-react-select/pulls)GPL-2.0+JavaScript

Since Jan 3Pushed 3y ago1 watchersCompare

[ Source](https://github.com/nk-o/carbon-field-react-select)[ Packagist](https://packagist.org/packages/nk-o/carbon-field-react-select)[ Docs](https://nkdev.info/)[ RSS](/packages/nk-o-carbon-field-react-select/feed)WikiDiscussions master Synced today

READMEChangelog (7)DependenciesVersions (16)Used By (0)

Carbon Field React\_Select
==========================

[](#carbon-field-react_select)

Added functionality of [react-select](https://github.com/JedWatson/react-select) in [Carbon Fields](https://github.com/htmlburger/carbon-fields) plugin.

Install
-------

[](#install)

Using Composer:

```
composer require nk-o/carbon-field-react-select

```

Usage
-----

[](#usage)

Default:

```
Field::make( 'react_select', 'alignment', 'Alignment' )
    ->add_options( array(
        'left'    => 'Left',
        'center'  => 'Center',
        'right'   => 'Right',
    ) ),
```

Icons:

```
Field::make( 'react_select', 'alignment', 'Alignment' )
    ->add_options( array(
        array(
          'icon' => '...',
          'label' => esc_html__( 'Icon 1', '@@text_domain' ),
          'value' => 'icon_1',
        ),
        array(
          'icon' => '...',
          'label' => esc_html__( 'Icon 2', '@@text_domain' ),
          'value' => 'icon_2',
        ),
    ) )
    ->set_props( array(
        'icons' => true,
    ) ),
```

Available Props:

```
Field::make( 'react_select', 'alignment', 'Alignment' )
    ->add_options( array(
        'left'    => 'Left',
        'center'  => 'Center',
        'right'   => 'Right',
    ) )
    ->set_props( array(
        'clearable'            => true,
        'disabled'             => false,
        'autoFocus'            => false,
        'closeOnSelect'        => true,
        'ignoreAccents'        => true,
        'ignoreCase'           => true,
        'labelKey'             => 'label',
        'multi'                => false,
        'onBlurResetsInput'    => true,
        'onCloseResetsInput'   => true,
        'onSelectResetsInput'  => true,
        'openOnClick'          => true,
        'openOnFocus'          => false,
        'removeSelected'       => true,
        'pageSize'             => 5,
        'rtl'                  => false,
        'scrollMenuIntoView'   => true,
        'searchable'           => true,
        'simpleValue'          => false,
        'tabSelectsValue'      => true,
        'trimFilter'           => false,
        'valueKey'             => 'value',
        'className'            => '',
        'icons'                => false,

        'placeholder'          => 'Select...',
        'clearAllText'         => 'Clear all',
        'clearValueText'       => 'Clear value',
        'noResultsText'        => 'No results found',
        'searchPromptText'     => 'Type to search',
    ) ),
```

Props descriptions read here -

###  Health Score

34

—

LowBetter than 79% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity19

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity71

Established project with proven stability

 Bus Factor1

Top contributor holds 71.7% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~188 days

Recently: every ~220 days

Total

9

Last Release

1497d ago

Major Versions

v1.0.2 → v3.0.02019-09-19

### Community

Maintainers

![](https://www.gravatar.com/avatar/8cab63be135d6e22e28bbfadac9eddbd06092802f6160507f62571f8c64113fc?d=identicon)[nk-o](/maintainers/nk-o)

---

Top Contributors

[![nk-o](https://avatars.githubusercontent.com/u/14810891?v=4)](https://github.com/nk-o "nk-o (33 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (8 commits)")[![Fellan-91](https://avatars.githubusercontent.com/u/29658988?v=4)](https://github.com/Fellan-91 "Fellan-91 (5 commits)")

---

Tags

wordpresscarbon-fieldcarbon-field-react-selectreact-select

### Embed Badge

![Health badge](/badges/nk-o-carbon-field-react-select/health.svg)

```
[![Health](https://phpackages.com/badges/nk-o-carbon-field-react-select/health.svg)](https://phpackages.com/packages/nk-o-carbon-field-react-select)
```

###  Alternatives

[iamntz/carbon-fields-urlpicker

Carbon Fields extension that adds a URL picker field type.

1437.7k](/packages/iamntz-carbon-fields-urlpicker)[htmlburger/carbon-field-icon

Carbon Fields extension, that adds a Icon field type.

208.5k](/packages/htmlburger-carbon-field-icon)[htmlburger/carbon-field-number

Carbon Fields extension, that adds a number field type.

1016.5k1](/packages/htmlburger-carbon-field-number)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
