Skip to content

Commit

Permalink
Add links to React Native XL documentation in React Native sections
Browse files Browse the repository at this point in the history
  • Loading branch information
KenanYusuf committed Jan 4, 2024
1 parent f46e59c commit 48c0999
Show file tree
Hide file tree
Showing 3 changed files with 15 additions and 2 deletions.
5 changes: 3 additions & 2 deletions docs/src/content/introduction/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,9 @@ Victory is an opinionated, but fully overridable, ecosystem of composable React

#### Getting Started with Victory Native?

[Check out the native version of this getting started tutorial][]
Check out the documentation for [Victory Native XL](https://formidable.com/open-source/victory-native/) - the rewrite of Victory Native that favors flexibility, ease of use, and performance.

For the original Victory Native (versions ≤36), see [Getting Started with Victory Native](/docs/native).

## Tutorial

Expand Down Expand Up @@ -432,4 +434,3 @@ For more information about Victory and its components, check out the docs - see
[our guides]: /guides
[Gallery]: /gallery
[FAQs]: /docs/faq
[Check out the native version of this getting started tutorial]: /docs/native
2 changes: 2 additions & 0 deletions docs/src/content/introduction/native.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,8 @@ scope: null

# Getting Started with Victory Native

> These docs are for version ≤36 of Victory Native. If you're looking for docs on versions ≥40, please [see here](https://formidable.com/open-source/victory-native/).
In this guide, we’ll show you how to get started with Victory Native and the React Native SVG dependency running in your React Native app for iOS and Android.

#### 1. Adding Victory Native to your React Native app
Expand Down
10 changes: 10 additions & 0 deletions docs/src/styles/global.js
Original file line number Diff line number Diff line change
Expand Up @@ -251,6 +251,16 @@ const GlobalStyle = createGlobalStyle`
button {
cursor: pointer;
}
blockquote {
border-left: 0.3rem solid ${({ theme }) => theme.color.red};
background: ${({ theme }) => theme.color.nearWhite};
padding: 2rem;
p {
margin: 0;
}
}
`;

export default GlobalStyle;

0 comments on commit 48c0999

Please sign in to comment.