Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for local images/icons in components and CSS #5552

Open
nateKlaux opened this issue Jan 8, 2025 · 0 comments
Open

Add support for local images/icons in components and CSS #5552

nateKlaux opened this issue Jan 8, 2025 · 0 comments
Labels
component-library UI components that can be easily reused while building your docs product/docs Fern Docs which builds and hosts a developer documentation site

Comments

@nateKlaux
Copy link

nateKlaux commented Jan 8, 2025

Relative paths to locally hosted images/icons don't resolve in components (e.g., <Card>) or CSS. Only absolute URLs work. Support for relative paths would simplify asset management.

Examples:

<Card 
    title="Title" 
    icon={<img src="./assets/icon.svg" alt="icon"/>} 
    href="/path/"
/>
img.logo {
    content: url("./images/logo.png");
}
@nateKlaux nateKlaux added the documentation Related to buildwithfern.com/learn label Jan 8, 2025
@dannysheridan dannysheridan added product/docs Fern Docs which builds and hosts a developer documentation site component-library UI components that can be easily reused while building your docs and removed documentation Related to buildwithfern.com/learn labels Jan 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component-library UI components that can be easily reused while building your docs product/docs Fern Docs which builds and hosts a developer documentation site
Development

No branches or pull requests

2 participants