Customization

Component elements can be changed by using ...Render props.

Each ...Render prop requires a function: RenderEvent => React.ReactNode

RenderEvent has the original elemnent and all its props.

Adding attributes to elements


<L.Input
  inputRender={({ Element, elementProps }) => <Element {...elementProps} aria-test-attribute />}
  _w-48
/>

Each component has its own set of customizators, see the documentation.

Name	Description
Element	The element, use it or replace it to a different one
elementProps	Element props, all you need to make the element work properly
componentProps	Component props in case you need something from the outer space
componentState	The component state in case you need to know what is going on in there