Smart card - Inline card

Smart Link with inline appearance shows off the link right in the text, just like a regular hyperlink. It's clean and sleek, fitting in smoothly with the rest of the content.

States

Our components are categorized into different states that dictate their appearance and functionality.

  • Resolving: This state is temporary, indicating that the link is currently being processed and has not yet been fully resolved. It typically displays as a placeholder or skeleton view until the content is completely loaded.
  • Resolved: This state signifies that the link has been successfully transformed into a Smart Link, displaying the content as originally intended.
  • Forbidden (403): This status denotes that the user is authenticated but lacks the necessary permissions to access the content.
  • Not Found: This status indicates that the linked content is unavailable, possibly due to privacy settings or deletion.
  • Unauthorized (401): This status indicates that the user lacks proper authentication.
  • Error: This status is displayed when the resolver encounters an error or when the URL is not supported.
[Resolving]

https://some.url

[Resolved]

https://some.url

[Forbidden] Default

https://some.url

[Forbidden] Site - Request Access

Context: I don't have access to the site, but I can request access

https://some.url

[Forbidden] Site - Pending Request

Context: I don't have access to the site, but I've already requested access and I'm waiting

https://some.url

[Forbidden] Site - Denied Request

Context: I don't have access to the site, and my previous request was denied

https://some.url

[Forbidden] Site - Direct Access

Context: I don't have access to the site, but I can join directly

https://some.url

[Forbidden] Object - Request Access

Context: I have access to the site, but not the object

https://some.url

[Forbidden] Forbidden

Context: When you don't have access to the site, and you can't request access

https://some.url

[Not Found] Default

https://some.url

[Not Found] Access Exists

Context: I have access to the site, but not the object or object is not-found

https://some.url

[Unauthorized]

https://some.url

[Unauthorized] No auth flow

https://some.url

[Error]

https://some.url