hstack-vstack-example.js

<View css={{ margin: 'auto', maxWidth: 960 }}>
	<VStack>
		<HStack justify="space-between">
			<View>
				<Heading size={3}>
					Components: HStack, VStack, ZStack{' '}
					<View as="span" css={{ fontSize: 'inherit', opacity: 0.5 }}>
						#22
					</View>
				</Heading>
			</View>
			<View>
				<HStack>
					<Button>Edit</Button>
					<Button variant="primary">New Issue</Button>
				</HStack>
			</View>
		</HStack>
		<HStack justify="flex-start">
			<Lozenge color="green">Open</Lozenge>
			<Text weight="bold">ItsJonQ</Text>
			<Text>opened this issue 2 days ago · 1 comment</Text>
		</HStack>
	</VStack>
</View>