๐ Illustration component as a child of a TileLink component automatically inheriting rounded corners
Closed this issue ยท 1 comments
richard-karp commented
Describe the bug
When using a horizontal TileLink with an Illustration component, the Illustration has a border radius on all four corners
Steps to reproduce
TileLink component with an Illustration as a child.
Expected results
Only the two corners the two outer corners of the illustration, top and bottom left for horizontal or top left and top right for vertical, should be rounded
alexasselin008 commented
Reproductible demo in the documentation:
<TileLink orientation="horizontal">
<Illustration backgroundColor="alias-accent-light">
<Image src={Planet} width="100px" alt="Planet" />
</Illustration>
<Heading>Buy a ticket</Heading>
<Content>
Tickets are not refundable and not transferable. A confirmation email will be sent within
the next few minutes
</Content>
</TileLink>