Chips

API reference › Bootstrap 6 › Chips

class	`yii2\extensions\bootstrap6\Chips`
Extends	`InputWidget` » `yii\widgets\InputWidget` » `yii\base\Widget` » `yii\base\Component` » `yii\base\BaseObject`
Implements	`yii\base\ViewContextInterface`, `yii\base\Configurable`
Uses traits	`AttributesTrait`, `BootstrapWidgetTrait`
Source	`src/Chips.php`

Renders a Bootstrap chip input: a .chip-input container with the initial chips, a .form-ghost text input and a hidden input that submits the chip values.

$options applies to the ghost input, so labels target the visible field; the hidden input copies its disabled and form attributes, so a disabled field submits nothing. The container receives the id {id}-chips, carries the plugin data-bs-* attributes and the client events. The chips come from the model attribute or $value (an array, or a string joined by $separator) and are submitted joined by the same separator, kept in sync by a change.bs.chips listener.

Properties

Property	Type	Description	Defined by
`$allowDuplicates`	`bool\|null`	Whether duplicate chip values are allowed, or `null` for the plugin default (`false`). Default: `null`.	`Chips`
`$attribute`	`string\|null`	The model attribute that this widget is associated with. Default: `null`.	`yii\widgets\InputWidget`
`$autoIdPrefix` static	`string`	The prefix to the automatically generated widget IDs. Default: `'w'`.	`yii\base\Widget`
`$behaviors` read-only	`array<yii\base\Behavior<static>>`	List of behaviors attached to this component.	`yii\base\Component`
`$clientEvents`	`array<string,` `yii\web\JsExpression\|string>`	Event handlers attached to the widget element, as event name => JavaScript handler source. Default: `[]`.	`BootstrapWidgetTrait`
`$clientOptions`	`array<string, mixed>\|false`	Options passed to the plugin constructor, or `false` to skip the JavaScript initialization. Default: `[]`.	`BootstrapWidgetTrait`
`$containerOptions`	`array<string, mixed>`	HTML attributes of the `.chip-input` container. Default: `[]`.	`Chips`
`$createOnBlur`	`bool\|null`	Whether to create a chip from the typed text when the input loses focus, or `null` for the plugin default (`true`). Default: `null`.	`Chips`
`$dismissible`	`bool\|null`	Whether the plugin adds dismiss buttons to the chips, or `null` for the plugin default (`true`). Default: `null`.	`Chips`
`$encodeLabels`	`bool`	Whether to HTML-encode the chip labels. Default: `true`.	`Chips`
`$field`	`yii\widgets\ActiveField`	Active input field, which triggers this widget rendering. Default: `null`. Available since 2.0.11.	`yii\widgets\InputWidget`
`$id`	`string`	Id of the widget.	`yii\base\Widget`
`$maxChips`	`int\|null`	Maximum number of chips, or `null` for no limit. Default: `null`.	`Chips`
`$model`	`yii\base\Model\|null`	The data model that this widget is associated with. Default: `null`.	`yii\widgets\InputWidget`
`$name`	`string\|null`	The input name. Default: `null`.	`yii\widgets\InputWidget`
`$options`	`array`	The HTML attributes for the input tag. Default: `[]`.	`yii\widgets\InputWidget`
`$placeholder`	`string\|null`	Placeholder of the ghost input, or `null` for none. Default: `null`.	`Chips`
`$separator`	`string\|null`	Character that creates a chip when typed, `''` to disable it, or `null` for the plugin default (`,`). Default: `null`.	`Chips`
`$value`	`string`	The input value. Default: `null`.	`yii\widgets\InputWidget`
`$view`	`yii\web\View`	The view object that can be used to render views or view files.	`yii\base\Widget`
`$viewPath` read-only	`string`	The directory containing the view files for this widget.	`yii\base\Widget`

Methods

Method	Description	Defined by
`__construct()`	Constructor.	`yii\base\BaseObject`
`__call()`	Calls the named method which is not a class method.	`yii\base\Component`
`__clone()`	This method is called after the object is created by cloning an existing one.	`yii\base\Component`
`__get()`	Returns the value of a component property.	`yii\base\Component`
`__isset()`	Checks if a property is set, i.e. defined and not null.	`yii\base\Component`
`__set()`	Sets the value of a component property.	`yii\base\Component`
`__unset()`	Sets a component property to be null.	`yii\base\Component`
`addAttributes()`	Adds a set of HTML attributes; attributes already set with the same name are replaced.	`AttributesTrait`
`addClass()`	Adds one or more CSS classes to the existing classes; duplicated classes are collapsed.	`AttributesTrait`
`addCssStyle()`	Adds CSS style properties to the `style` attribute.	`AttributesTrait`
`afterRun()`	This method is invoked right after a widget is executed.	`yii\base\Widget`
`attachBehavior()`	Attaches a behavior to this component.	`yii\base\Component`
`attachBehaviors()`	Attaches a list of behaviors to the component.	`yii\base\Component`
`attribute()`	Sets an HTML attribute value.	`AttributesTrait`
`beforeRun()`	This method is invoked right before the widget is executed.	`yii\base\Widget`
`begin()` static	Begins a widget.	`yii\base\Widget`
`behaviors()`	Returns a list of behaviors that this component should behave as.	`yii\base\Component`
`canGetProperty()`	Returns a value indicating whether a property can be read.	`yii\base\Component`
`canSetProperty()`	Returns a value indicating whether a property can be set.	`yii\base\Component`
`class()`	Replaces the existing CSS classes with the specified ones.	`AttributesTrait`
`className()` static	Returns the fully qualified name of this class.	`yii\base\BaseObject`
`detachBehavior()`	Detaches a behavior from the component.	`yii\base\Component`
`detachBehaviors()`	Detaches all behaviors from the component.	`yii\base\Component`
`end()` static	Ends a widget.	`yii\base\Widget`
`ensureBehaviors()`	Makes sure that the behaviors declared in `behaviors()` are attached to this component.	`yii\base\Component`
`getBehavior()`	Returns the named behavior object.	`yii\base\Component`
`getBehaviors()`	Returns all behaviors attached to this component.	`yii\base\Component`
`getId()`	Returns the ID of the widget.	`yii\base\Widget`
`getView()`	Returns the view object that can be used to render views or view files.	`yii\base\Widget`
`getViewPath()`	Returns the directory containing the view files for this widget.	`yii\base\Widget`
`hasEventHandlers()`	Returns a value indicating whether there is any handler attached to the named event.	`yii\base\Component`
`hasMethod()`	Returns a value indicating whether a method is defined.	`yii\base\Component`
`hasProperty()`	Returns a value indicating whether a property is defined for this component.	`yii\base\Component`
`init()`	Initializes the widget.	`yii\widgets\InputWidget`
`off()`	Detaches an existing event handler from this component.	`yii\base\Component`
`on()`	Attaches an event handler to an event.	`yii\base\Component`
`render()`	Renders a view.	`yii\base\Widget`
`renderFile()`	Renders a view file.	`yii\base\Widget`
`run()`		`Chips`
`setId()`	Sets the ID of the widget.	`yii\base\Widget`
`setView()`	Sets the view object to be used by this widget.	`yii\base\Widget`
`trigger()`	Triggers an event.	`yii\base\Component`
`widget()` static	Creates a widget instance and runs it.	`yii\base\Widget`
`hasModel()` protected		`yii\widgets\InputWidget`
`pluginInitialization()` protected	Returns the JavaScript that initializes a plugin with its normalized constructor options.	`BootstrapWidgetTrait`
`registerClientEvents()` protected	Registers the JavaScript event handlers listed in `$clientEvents` at `View::POS_END`.	`BootstrapWidgetTrait`
`registerPlugin()` protected	Registers the plugin asset, the plugin initialization when needed, and the `$clientEvents`.	`BootstrapWidgetTrait`
`renderHiddenInput()` protected	Renders the hidden input that submits the chip values.	`Chips`
`renderInputHtml()` protected	Render a HTML input tag.	`yii\widgets\InputWidget`

Events

Event	Type	Description	Defined by
`EVENT_INIT`	`yii\base\Event`	An event that is triggered when the widget is initialized via `init()`. Event name: `'init'`. Available since 2.0.11.	`yii\base\Widget`
`EVENT_BEFORE_RUN`	`yii\base\WidgetEvent`	An event raised right before executing a widget. Event name: `'beforeRun'`. Available since 2.0.11.	`yii\base\Widget`
`EVENT_AFTER_RUN`	`yii\base\WidgetEvent`	An event raised right after executing a widget. Event name: `'afterRun'`. Available since 2.0.11.	`yii\base\Widget`

Property details

$separator

public string|null $separator = null

Character that creates a chip when typed, '' to disable it, or null for the plugin default (,).

A non-empty separator also joins the submitted values; otherwise they are joined by ,.

Method details

run()

public function run(): string

Returns

string

renderHiddenInput()

protected function renderHiddenInput(string $id, string $value): string

Renders the hidden input that submits the chip values.

The hidden input copies the disabled and form attributes of the ghost input, so a disabled field submits nothing.

Parameters

Parameter	Type	Description
`$id`	`string`	`id` of the hidden input.
`$value`	`string`	Chip values joined by the separator.

Returns

string