Controls

Referencing VisualElements

The JSX association with UI Toolkit VisualElement controls is in the 'jsx.d.ts' file in ScriptLib\definitions

To access the VisualElement, create a 'ref' reference to the Element, then typecast the ref.current.ve as here.

const tfref = useRef<Dom>();

function onEvent(){
  const tf = tfref.current.ve as TextField;
  log(tf.text);
}

return <textfield ref={tfref} text="foo" />

• Button
• TextElement
• TextField
• SimpleList
• DropdownField
• VirtualList ...