This is a richtext example of using slate.js with Chakra UI and Typescript.
Because Chakra UI modifies some of default html css style, the example is intented to fully use Chakra basic components to achieve the same behavior from offical example.
Also includes Light/Dark Mode toggler to demonstrate how to specify the richtext editor display under different color mode.
CodeSandBox: chakra-slatejs
Based on Slate official RichText example
and the discussion of selection bug: ianstormtaylor/slate#3412