JSFiddle - React, Tailwind, and code Playground

by TwitchBronBron

HTML

<h1 id="node">Node</h1>
<p>The abstract base class of all SceneGraph nodes and the equivalent of the BrightScript roSGNode component. See <a href="/docs/references/brightscript/components/rosgnode.md" title="roSGNode">roSGNode</a> for supported interfaces.</p>
<p><strong>Node</strong> class objects do not draw anything and are skipped in the render traversal of the SceneGraph node tree. The Node class provides the core parenting and key focus management functionality used by all nodes.</p>
<h2 id="fields">Fields</h2>
<table>
<thead>
<tr>
<th>Field</th>
<th>Type</th>
<th>Default</th>
<th>Access Permission</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>id</td>
<td>string</td>
<td>""</td>
<td>READ_WRITE</td>
<td>Adds a dictionary entry that allows the node to be retrieved with <a href="/docs/references/brightscript/interfaces/ifsgnodedict.md" title="ifSGNodeDict">ifSGNodeDict</a> findNode() function.</td>
</tr>
<tr>
<td>focusedChild</td>
<td>N/A</td>
<td>N/A</td>
<td>READ_WRITE</td>
<td>When a node or one of its children gains or loses the keyboard focus, the focusedChild field will be set and call its observer functions. In the observer function, typically, you use <a href="/docs/references/brightscript/interfaces/ifsgnodefocus.md" title="ifSGNodeFocus">ifSGNodeFocus</a> functions to query whether this node or some other node has the key focus or is in the key focus chain. Accessing the value of the field will result in script errors.</td>
</tr>
<tr>
<td>focusable</td>
<td>Boolean</td>
<td>false</td>
<td>READ_WRITE</td>
<td>Provides a hint as to whether or not this node can take the key focus.</td>
</tr>
<tr>
<td>change</td>
<td>associative array</td>
<td>{ Index1: 0, Index2: 0, Operation: none }</td>
<td>READ_ONLY</td>
<td>Operations affecting the set of children of a Node are recorded in this field if, and only if, this field has been observed. The field associative array indicates the operation and two indexes, index1 and index 2, involved in the...

CSS

table, tr, td{
  border: 1px solid black;
}