Skip to content

Commit

Permalink
Fix A tag styling typo activeClass + inactiveClass (#786)
Browse files Browse the repository at this point in the history
  • Loading branch information
whoiscarlo authored Jun 19, 2024
1 parent b2d7212 commit 3c512d6
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions src/routes/solid-router/concepts/navigation.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -37,12 +37,12 @@ const App = (props) => (

### Styling links

In addition, the `<A>` component also provides an `active` and `inactive` prop.
In addition, the `<A>` component also provides an `activeClass` and `inactiveClass` prop.
This prop accepts a string that, when provided, will apply the specified class to the anchor tag based on the current route.
If the current route matches the `href` prop, the `active` class will be applied, otherwise the `inactive` class will be applied.
If the current route matches the `href` prop, the `activeClass` class will be applied, otherwise the `inactiveClass` class will be applied.

```jsx
<A href="/users" active="underlined" inactive="default">
<A href="/users" activeClass="underlined" inactiveClass="default">
Users
</A>
```
Expand Down

0 comments on commit 3c512d6

Please sign in to comment.