Skip to content

WidgetJson โ€‹

Source: client/lib/theme/vueda-tailwind/widgets/index.js

Bordered control surface that mirrors textarea invalid and disabled states.

Vue component: WidgetJson

SlotDefault classesDescription
root5 classesBordered control surface that mirrors textarea invalid and disabled states.
editormin-h-16 text-base md:text-smThe CodeMirror mount point. Only wrapper-level sizing and the base font size live here; the editor's internal selectors are styled by widgetJsonCmTheme below.

root โ€‹

Bordered control surface that mirrors textarea invalid and disabled states.

Default classes:

text
overflow-hidden rounded-vueda-control hairline bg-transparent
shadow-vueda-control transition-shadow
focus-within:hairline-ring focus-within:focus-ring-shadow
data-[invalid=true]:hairline-destructive data-[invalid=true]:focus-within:focus-ring-shadow-destructive
data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50

Source: client/lib/theme/vueda-tailwind/widgets/WidgetJson.theme.js:25

editor โ€‹

The CodeMirror mount point. Only wrapper-level sizing and the base font size live here; the editor's internal selectors are styled by widgetJsonCmTheme below.

Default classes:

min-h-16 text-base md:text-sm

Source: client/lib/theme/vueda-tailwind/widgets/WidgetJson.theme.js:39

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2