Inline Link

[rshov]

It doesn't seem like there is an option to make the <Link> component display inline.
Seems like that should be the default functionality. Am I missing something?

The block attribute defaults to false according to the docs, but even setting <Link block={false}> puts the link on a new line.

https://codesandbox.io/s/sandpack-project-forked-ptkwdr

[jrgarciadev]

Hey @rshov, this was fixed here 2e00416, however, It will be available in the next version (v11), in the meanwhile you can fix it as follows:

<Link
  href="#"
  css={{
    d: "inline-flex"
  }}
>
  My Link
</Link>

e.g. https://codesandbox.io/s/sandpack-project-forked-vo2h2d?file=/App.js

[rshov]

@jrgarciadev Perfect, thank you!