diff --git a/packages/react-core/README.md b/packages/react-core/README.md index a00c99ac118..cdeddc0a630 100644 --- a/packages/react-core/README.md +++ b/packages/react-core/README.md @@ -37,7 +37,7 @@ import '@patternfly/react-core/dist/styles/base.css'; #### Example component usage -```js +```ts import { Button } from '@patternfly/react-core'; export default ; diff --git a/packages/react-docs/README.md b/packages/react-docs/README.md index be417ab9c6f..5095584a237 100644 --- a/packages/react-docs/README.md +++ b/packages/react-docs/README.md @@ -15,7 +15,7 @@ section: components Include JS code blocks: ``````md ### Your example title -```js +```ts import { YourComponent } from '@patternfly/react-core'; BasicExample = () => ( diff --git a/packages/react-icons/README.md b/packages/react-icons/README.md index 82211004774..7c5ce9820ca 100644 --- a/packages/react-icons/README.md +++ b/packages/react-icons/README.md @@ -4,7 +4,7 @@ PatternFly Icons as React Components. ## Usage -```jsx +```tsx import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon'; const closeIcon = ; diff --git a/packages/react-styles/README.md b/packages/react-styles/README.md index 352fcdb12e9..2ed94910ec7 100644 --- a/packages/react-styles/README.md +++ b/packages/react-styles/README.md @@ -4,7 +4,7 @@ Library that provides CSS-in-JS capabilities #### Example -```jsx +```tsx import { css } from '@patternfly/react-styles'; import styles from './Button.css'; diff --git a/packages/react-table/README.md b/packages/react-table/README.md index 427bc16e063..3d021dc16b4 100644 --- a/packages/react-table/README.md +++ b/packages/react-table/README.md @@ -24,7 +24,7 @@ import '@patternfly/react-core/dist/styles/base.css'; #### Example component usage -```js +```ts import { Table, Thead, Tr, Th, Td, Tbody } from '@patternfly/react-table'; export const ComposableTableBasic = () => {