appkit-mantine-reference

Import appkit_mantine as mn and call lowercase factory functions like mn.text_input(), mn.button(), or mn.stack(). The MantineProvider is auto-injected, so no manual wrapping is needed, and all components accept Mantine style props like w, p, and bg.

It depends on the component: TextInput uses the standard event object, NumberInput passes a raw number or empty string, Select passes a string or None, MultiSelect passes a list of strings, and Checkbox passes a boolean from event.target.checked.

Use mn.stack for vertical layout and mn.group for horizontal layout when working with appkit_mantine. The reference lists rx.vstack, rx.hstack, and rx.box as anti-patterns in favor of Mantine layout components with full style prop support.

With value plus on_change (controlled mode), the cursor jumps to the end on each keystroke. The recommended pattern is default_value with on_blur for production text areas.

No. Bare Python if and for statements do not work reactively in Reflex components. Use rx.cond for conditional rendering (with & and | operators, not and/or) and rx.foreach for rendering lists.

Use chart factories like mn.line_chart, mn.bar_chart, mn.area_chart, or mn.donut_chart with data, data_key, and series props. Charts are built on @mantine/charts with Recharts, and series colors use the Radix scale like blue.6.