<Card> <Heading level="4">Product Designer</Heading> <Text>Braid Design Pty Ltd</Text> <Text>Melbourne</Text> <Text>Information Technology</Text> <Text>150k+</Text> <Text>Long description of card details providing more information.</Text> <Text>2d ago</Text> </Card>
<Card> <Stack space="large"> <Heading level="4">Product Designer</Heading> <Text>Braid Design Pty Ltd</Text> <Text>Melbourne</Text> <Text>Information Technology</Text> <Text>150k+</Text> <Text>Long description of card details providing more information.</Text> <Text>2d ago</Text> </Stack> </Card>
<Card> <Stack space="large"> <Stack space="small"> <Heading level="4">Product Designer</Heading> <Text>Braid Design Pty Ltd</Text> </Stack> <Stack space="small"> <Text>Melbourne</Text> <Text>Information Technology</Text> <Text>150k+</Text> </Stack> <Text>Long description of card details providing more information.</Text> <Text>2d ago</Text> </Stack> </Card>
<Card> <Stack space="large"> <Stack space="small"> <Heading level="4">Product Designer</Heading> <Text>Braid Design Pty Ltd</Text> </Stack> <Stack space="small"> <Text tone="secondary">Melbourne</Text> <Text tone="secondary">Information Technology</Text> <Text tone="secondary">150k+</Text> </Stack> <Text>Long description of card details providing more information.</Text> <Text tone="secondary" size="small"> 2d ago </Text> </Stack> </Card>
<Card> <Stack space="large"> <Stack space="small"> <Heading level="4">Product Designer</Heading> <Text>Braid Design Pty Ltd</Text> </Stack> <Stack space="small"> <Text tone="secondary" icon={<IconLocation />}> Melbourne </Text> <Text tone="secondary" icon={<IconTag />}> Information Technology </Text> <Text tone="secondary" icon={<IconMoney />}> 150k+ </Text> </Stack> <Text>Long description of card details providing more information.</Text> <Text tone="secondary" size="small"> 2d ago </Text> </Stack> </Card>
<Card> <Stack space="large"> <Stack space="small"> <Badge tone="positive">New</Badge> <Heading level="4">Product Designer</Heading> <Text>Braid Design Pty Ltd</Text> </Stack> <Stack space="small"> <Text tone="secondary" icon={<IconLocation />}> Melbourne </Text> <Text tone="secondary" icon={<IconTag />}> Information Technology </Text> <Text tone="secondary" icon={<IconMoney />}> 150k+ </Text> </Stack> <Text>Long description of card details providing more information.</Text> <Text tone="secondary" size="small"> 2d ago </Text> </Stack> </Card>
<Card> <Stack space="large"> <Stack space="small"> <Badge tone="positive">New</Badge> <Heading level="4">Product Designer</Heading> <Inline space="small" alignY="center"> <Text>Braid Design Pty Ltd</Text> <Rating rating={4.5} /> </Inline> </Stack> <Stack space="small"> <Text tone="secondary" icon={<IconLocation />}> Melbourne </Text> <Text tone="secondary" icon={<IconTag />}> Information Technology </Text> <Text tone="secondary" icon={<IconMoney />}> 150k+ </Text> </Stack> <Text>Long description of card details providing more information.</Text> <Text tone="secondary" size="small"> 2d ago </Text> </Stack> </Card>
<Card> <Spread space="small"> <Placeholder label="Job content" height={80} /> <Placeholder label="Save action" height={80} /> </Spread> </Card>
<Card> <Spread space="small"> <Placeholder label="Job content" height={80} /> <ButtonIcon variant="transparent" size="large" icon={<IconBookmark />} label="Save job" /> </Spread> </Card>
<Card> <Spread space="small"> <Stack space="large"> <Stack space="small"> <Badge tone="positive">New</Badge> <Heading level="4">Product Designer</Heading> <Inline space="small" alignY="center"> <Text>Braid Design Pty Ltd</Text> <Rating rating={4.5} /> </Inline> </Stack> <Stack space="small"> <Text tone="secondary" icon={<IconLocation />}> Melbourne </Text> <Text tone="secondary" icon={<IconTag />}> Information Technology </Text> <Text tone="secondary" icon={<IconMoney />}> 150k+ </Text> </Stack> <Text>Long description of card details providing more information.</Text> <Text tone="secondary" size="small"> 2d ago </Text> </Stack> <ButtonIcon variant="transparent" size="large" icon={<IconBookmark />} label="Save job" /> </Spread> </Card>