Skip to content

Commit 4a8bd67

Browse files
authored
clarify typescript documentation examples for react-native (#906)
* clarify typescript documentation examples for react-native * fix: remove unnecessary code snippet
1 parent 94f60af commit 4a8bd67

File tree

1 file changed

+2
-18
lines changed

1 file changed

+2
-18
lines changed

sections/api/typescript.md

Lines changed: 2 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,8 @@ declare module 'styled-components' {
4646
React-Native:
4747

4848
```ts
49+
import 'styled-components/native'
50+
4951
declare module 'styled-components/native' {
5052
export interface DefaultTheme {
5153
borderRadius: string;
@@ -80,24 +82,6 @@ const myTheme: DefaultTheme = {
8082
export { myTheme };
8183
```
8284

83-
React-Native:
84-
85-
```jsx
86-
// styled-components.ts
87-
import * as styledComponents from "styled-components/native";
88-
89-
import ThemeInterface from "./theme";
90-
91-
const {
92-
default: styled,
93-
css,
94-
ThemeProvider
95-
} = styledComponents as styledComponents.ReactNativeThemedStyledComponentsModule<ThemeInterface>;
96-
97-
export { css, ThemeProvider };
98-
export default styled;
99-
```
100-
10185
### Styling components
10286

10387
That's it! We're able to use styled-components just by using any original import.

0 commit comments

Comments
 (0)