English

Magyar

Select theme

Appearance

CSS: agent-shell ​

.instui-agent-shell — A surface container for AI agents.

Usage ​

css
@import "@pantoken/plugin-custom-components/custom-components.css";

Examples ​

html
<div class="instui-agent-shell --p-md">
  <h2 class="instui-heading -variant-title-card-large">AI Agent</h2>
  <p>Content here.</p>
  <button class="instui-button">Action</button>
</div>

Structure ​

text
.instui-agent-shell
  ‹content›
flowchart TD n0[".instui-agent-shell"]:::cssdoc-root n1[/"‹content›"/]:::cssdoc-slot n0 --> n1 classDef cssdoc-root stroke-width:1px; classDef cssdoc-part stroke-width:1px; classDef cssdoc-slot stroke-width:1px; classDef cssdoc-component stroke-width:1px;

Tokens consumed ​

TokenTypeValue
--instui-border-width-sm<length>0.0625rem
--instui-color-background-base<color>LightDarklight-dark(#ffffff, #10141A)
--instui-color-stroke-ai-bottom-gradient<color>LightDarklight-dark(#00828E, #04A4B7)
--instui-color-stroke-ai-top-gradient<color>LightDarklight-dark(#9E58BD, #B680CC)
--instui-component-shared-tokens-border-radius-card-lg<length>1rem

See also ​