Reference · NPL

`<npl-thought>`

NPL element

Each child is one thought with a type attribute, such as a question or a risk. The element shows them as a tidy list of bubbles.

A thought bubble: short related ideas grouped under one type. Each child is one thought with a type attribute, such as a question or a risk. The element shows them as a tidy list of bubbles. optional; One of the eleven NPL thought-block types (case-insensitive): `observation`, `tangent`, `question`, `relation`, `concern`, `affirmation`, `reflection`, `opportunity`, `aversion`, `interest`, `eval`.

per the global attribute catalog (conventions.md §2)

Children

<npl-thought>

Example

npl-thought.html

source

              
              <npl-thought id="t1">
            
                <npl-thought type="observation">The cache misses cluster on Mondays.</npl-thought>
            
                <npl-thought type="tangent">Mondays are also the fleet redeploy window…</npl-thought>
            
                <npl-thought type="balloon">unknown — degrades to plain text</npl-thought>
            
                <npl-thought>no type — a sub-container; its children survive untouched</npl-thought>
            
              </npl-thought>

render

Live render boots with JavaScript — the authored source is alongside.

variant: the canonical classified thought

One container per thought-set; each typed child names its own type and applies its own `.npl-thought-<type>` class, so a theme tells observation from question from relation without inventing structure.

variant: the canonical classified thought

npl-thought-classification.html

source

              
              <npl-thought id="t1">
            
                <npl-thought type="observation">Cache misses cluster on Mondays, right after the weekly fleet redeploy.</npl-thought>
            
                <npl-thought type="question">Is the redeploy flushing the warm set, or is it the Monday traffic spike?</npl-thought>
            
                <npl-thought type="relation">The spike lines up with the 09:00 Europe log-in surge.</npl-thought>
            
              </npl-thought>

render

Live render boots with JavaScript — the authored source is alongside.

variant: unknown type degrades to plain text

An unknown value is never fatal and never rendered as structure: the warning class `npl-thought-unknown` lands on the child and its content is flattened to plain text.

variant: unknown type degrades to plain text

npl-thought-unknown-type.html

source

              
              <npl-thought>
            
                <npl-thought type="observation">The retry budget held at 4% this week.</npl-thought>
            
                <npl-thought type="balloon">An unknown type: this child degrades to plain text.</npl-thought>
            
              </npl-thought>

render

Live render boots with JavaScript — the authored source is alongside.

variant: no type — a nested sub-container

A child with no `type` is a sub-container: nothing is applied to it and its own children survive — grouping is expressed by nesting, not by a type.

variant: no type — a nested sub-container

npl-thought-sub-container.html

source

              
              <npl-thought>
            
                <npl-thought type="concern">Two regions report stale reads.</npl-thought>
            
                <npl-thought>
            
                  <npl-thought type="observation">us-east-1 read lag 40 ms.</npl-thought>
            
                  <npl-thought type="observation">eu-west-1 read lag 12 ms.</npl-thought>
            
                </npl-thought>
            
              </npl-thought>

render

Live render boots with JavaScript — the authored source is alongside.

Source: spec/schema/npl/npl-thought.md