make built-in-components extensible with custom CSS classes

[Brodan]

Which Fern component?

Fern Docs

How important is this?

P2 - Medium (Would be helpful)

What's the feature?

The built-in components that Fern offers are fairly limited as soon as any customization is required because any classes applied to them are ignored.

Example, say I'm used a Card component and want to add a custom CSS class:

<Card className="red-card" title="Red Card" href="/docs/red">

with the following CSS class:

.red-card {
    color: red;
}

The red-card class is completely ignored. Ideally, I think it would make sense for classes to be allowed and for their styles to override the default Card component styles.

Any alternatives?

There are work-arounds which involve wrapping the built-in components in regular HTML components and using CSS selectors to apply styles but it's more hacky and time-consuming then it should be and additional CSS classes feel like something that should be supported out of the box.