## HTML Functional Class (bf-textbox)

Like #017 Text bf-text, load the dedicated bridge to enable HTML class="bf-textbox". This is not a JavaScript class.

```html
<div class="bf-textbox" data-id="name" data-value="初期値" data-placeholder="文字を入力" data-width="320" data-height="44" data-theme="light"></div>
```

Load bone-core.js, bone-textbox.js, then bone-textbox-html-class.js (and the normal Bone Flow shared dependencies). Attributes: data-id, data-value, data-placeholder, data-width, data-height, data-theme, data-required, data-readonly, data-disabled, data-position, data-align. The element is replaced by an instance and the existing BoneTextBox public API remains available.

# DOC-0027 Bone Flow TextBox User Guide (English)

## Where to open
Open the **User guide DOC-0027** button in the header of `/boneflow/test/bone-textbox.html`. Switch Japanese / English in the guide header.

## Public API
Create a component with `BoneTextBox.create`, use `setValue` and `commit`, read the state with `getState`, and release resources with `destroy`. API arguments are rendered from the active Runtime.

## Class list, example code, and live result
In **3. Operation**, follow the Class list and read each Class purpose, input data, source code and live result together. Compare the mounted TextBox with its state after commit.

## TextBoxClassSample
`TextBoxClassSample` names a consumer-side sample class, not the BoneTextBox Runtime itself. The **Class List** contains executable source, a real TextBox instance and state. The **3. Operation** tab in the guide explains each part of the same class and includes an interactive example.

## #040 ColorPicker
Color fields delegate to the formal `BoneColorPicker.attachCaller` API. No change is made to #040.

## #002 Bone Joint
WAIT / FIFO / BLOCKED are delegated to the formal #002 Delivery Channel. #027 does not implement its own Joint drawing.

## Untrusted IN / Security Test
This is an independent QA panel, not the consumer Class guide. Normal IN should pass; getter, Proxy, object and oversized IN should be rejected; HTML-like text must remain text, not executable markup. It must not mutate the normal Preview.

## #022 Effect catalog
The effect list follows the public #022 catalog: normal, neon, spin, blink, dash, corner, chase, double, wave. The legacy sample `cross` is not in that catalog.

## QA
Smoke and Validation require the actual runtime dependencies. Cumulative regression remains in the existing #000 page and is never overwritten by this installer.