Skip to main content
cngx-src documentation

CngxFieldSkin

Type Aliascore/tokens

projects/core/tokens/form-field-host.token.ts

Referenced by#

Description#

Visual appearance of a form control and of the field that surrounds it.

  • outline - hairline border on a transparent surface. The library default; it is what cngx.base already paints, so it emits no data-skin attribute at all.
  • fill - tinted surface with a bottom underline that thickens on focus. The filled look without the ten nested wrappers Material needs for it; cngx ships no floating label, the label stays above the control.
  • bare - no border, no surface, compact padding, underline only on focus. For controls embedded in something that already owns the box: a table filter row, an inline cell editor, a toolbar slot.

Lives in @cngx/core/tokens (Level 1) next to the host contract that carries it, so @cngx/common atoms can read the type without importing the Level-3 @cngx/forms/field library.

Definition#

"outline" | "fill" | "bare"