Field

Ejemplo básico de field demostrando el comportamiento principal.

Paquete: @solidiom/field
Versión: 0.0.1-next.0
Estado: stable

Ejemplos

import * as Field from "@solidiom/field"

;<Field.Root>Contenido de Field</Field.Root>

Correo electrónicoNunca compartiremos su correo.

Ver código fuente

        export function Root(props: FieldRootProps) {
  const disabled = () => props.disabled ?? false
  const required = () => props.required ?? false
  const readOnly = () => props.readOnly ?? false
  const invalid = () => props.invalid ?? false

  const formControl = createFormControl({
    id: props.id,
    disabled,
    required,
    readOnly,
    invalid,
  })

  return (
    <FieldContext value={{ formControl, invalid, disabled, required, readOnly }}>
      <div
        class={props.class}
        style={props.style}
        {...applySemanticAttrs({
          scope: "field",
          part: "root",
          disabled: disabled(),
          required: required(),
          invalid: invalid(),
          readonly: readOnly(),
        })}
      >
        {props.children}
      </div>
    </FieldContext>
  )
}