ALT react-stats debugging UI from codesandbox projects
ALT Preview of a calender widget in four different configurations.
![Sample code for creating a widget. The code is: const widget = render(() => {
const gradient = new LinearGradient();
gradient.locations = [0, 1];
gradient.colors = [new Color('#494949'), new Color('#1C1C1C')];
return h`
<ListWidget backgroundGradient=${gradient}>
<Text font=${Font.title2()}>Hello World</Text>
<Spacer length=${20} />
<HStack centerAlignContent>
<Text color=${Color.red()}>Left</Text>
<Spacer />
<Text color=${Color.blue()}>Right</Text>
</HStack>
<Spacer />
</ListWidget>
`;
});](https://pbs.twimg.com/media/ElFz3AfWkAAVw58.jpg?name=orig)
ALT Sample code for creating a widget. The code is: const widget = render(() => { const gradient = new LinearGradient(); gradient.locations = [0, 1]; gradient.colors = [new Color('#494949'), new Color('#1C1C1C')]; return h` <ListWidget backgroundGradient=${gradient}> <Text font=${Font.title2()}>Hello World</Text> <Spacer length=${20} /> <HStack centerAlignContent> <Text color=${Color.red()}>Left</Text> <Spacer /> <Text color=${Color.blue()}>Right</Text> </HStack> <Spacer /> </ListWidget> `; });
ALT Resulting widget from sample code. First line says "Hello World", Second line says: "Left" followed by a gap and then "Right"
