Well
The props declared for Well, generated from the types @proyecto-viviana/ui ships.
Import
import { Well } from "@proyecto-viviana/ui";Props
| Prop | Type | Default | Description |
|---|---|---|---|
class | string | — | Class names to apply. Accepts a string, an object whose keys are class names and values are booleans (`{ active: isActive() }` — truthy keys are added), or an array merging strings/objects/nested arrays (`["card", props.class, { active: isActive() }]`). For conditional classes, prefer the array+object form. Don't build class strings manually with concatenation, template literals, or `.filter(Boolean).join(" ")` — that's the React/`classnames` reflex and the array+object form replaces it. The array+object form composes with reactive values directly; manually-built strings re-run the whole concatenation on every change instead of toggling the affected classes. |
tone | 'well' | 'deep' | 'well' | Local addition — no S2 counterpart (S2 retired Well). The plate's depth: `well` is the register's standard matte terminal plate, `deep` the darker `--surface-well-deep` the handoff spends on the containers that hold other controls — the nav well and the tutor prompt well (TerminalGlassLab.tsx §07). Both are matte; depth is the only axis, so a deep well is not a second look. |
size | 'S' | 'M' | 'M' | Local addition — no S2 counterpart. The plate's inset. `M` is the reading well the handoff draws at 14px/16px for log and status content; `S` is the 8px container inset used when the well is holding rows that carry their own padding, so the plate does not double it. |
Declared in packages/viviana-ui/src/well/index.tsx.
TerminalLog props
| Prop | Type | Default | Description |
|---|---|---|---|
lines* | readonly TerminalLogLine[] | — | The lines, oldest first. |
showCaret | false | true | false | Draw a blinking block caret after the last line. |
bootIn | false | true | false | Boot the lines in one after another on mount. |
styles | StyleString | (() => StyleString | undefined) | — | Spectrum-defined generated classes. |
UNSAFE_className | string | UnsafeClassName | — | Additional CSS class name. Use only as a last resort. |
UNSAFE_style | JSX.CSSProperties | — | Additional inline styles. Use only as a last resort. |
id | string | — | Not yet documented |
aria-label | string | — | Not yet documented |
aria-labelledby | string | — | Not yet documented |
Declared in packages/viviana-ui/src/well/TerminalLog.tsx.
Props marked solidaria or solidaria-components come from the headless layer underneath and behave the same in both registers. Components that wrap a DOM element also accept that element's standard attributes, which are left out here on purpose — listing them would bury the props that are actually ours.