Reference · NPL

`<npl-mood>`

NPL element

You write the mood in the mood attribute. Extra children can carry the tone, the context, and how the agent will approach work in this mood.

Shows a mood with an emoji, plus an optional note on its tone. You write the mood in the mood attribute. Extra children can carry the tone, the context, and how the agent will approach work in this mood. required. One emoji followed by an optional qualifier string, whitespace-separated (`"🙂 wistful"`); a lone emoji is valid. Displayed by `.npl-mood-chip` and mirrored to `data-mood` (dual-form contract; the mirror is deferred past parse via afterParse so a sem-source snapshot never sees runtime writes).

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

Children

<npl-mood-tone>how the affect colors delivery.
<npl-mood-context>what the mood attaches to.
<npl-mood-approach>the stance the mood implies going forward.

Example

npl-mood.html

source

              
              <npl-mood mood="🙂 wistful">
            
                <div class="npl-mood-tone">restrained, unhurried</div>
            
                <div class="npl-mood-context">draft reply to a cold opener</div>
            
                <div class="npl-mood-approach">ask one concrete question</div>
            
              </npl-mood>
            
              <npl-mood mood="🔥 sharp"/>

render

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

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