` tag. You can instead adjust it to
Sometimes you need to apply adjustments to the layout as the screen size gets smaller. You can do that by applying overrides for smaller screens with the `phone` and `tablet` props.
```tsx
-
+Item 1Item 2
diff --git a/src/components/Grid.README.md b/src/components/Grid.README.md
index abf9303..0081a94 100644
--- a/src/components/Grid.README.md
+++ b/src/components/Grid.README.md
@@ -35,12 +35,7 @@ Sometimes you need to apply adjustments to the layout as the screen size gets sm
Switch the defined `columns` when the screen is small enough to be considered a `tablet` or `phone`:
```tsx
-
+Card 1Card 2Card 3
diff --git a/src/components/Section.README.md b/src/components/Section.README.md
index 9123c71..fa0332d 100644
--- a/src/components/Section.README.md
+++ b/src/components/Section.README.md
@@ -52,10 +52,7 @@ For smaller pages that might not have much content, you can use the alternative
My Header
-
- I am centered within my section and take up all the remaining vertical
- screen space!
-
+ I am centered within my section and take up all the remaining vertical screen space!
diff --git a/src/components/Slider.README.md b/src/components/Slider.README.md
index 05ed950..74904fb 100644
--- a/src/components/Slider.README.md
+++ b/src/components/Slider.README.md
@@ -25,14 +25,7 @@ import { Slider } from '~/components/lib/Slider';
control={form.control}
name="mySlider"
render={({ field, fieldState }) => (
-
+
)}
/>
```
diff --git a/src/components/Table/Table.README.md b/src/components/Table/Table.README.md
index 96b2ade..47a085a 100644
--- a/src/components/Table/Table.README.md
+++ b/src/components/Table/Table.README.md
@@ -96,12 +96,7 @@ If you have a cell that contains something like a `Button` and you'd like the ce
} size="small" />
- }
- size="small"
- variant="destructive"
- />
+ } size="small" variant="destructive" />
```
diff --git a/src/components/Text.README.md b/src/components/Text.README.md
index 0b6179a..1033566 100644
--- a/src/components/Text.README.md
+++ b/src/components/Text.README.md
@@ -17,8 +17,5 @@ import { Text } from '~/components/lib/Text';
## Line Clamp
```tsx
-
- This is some super duper long text that will be clamped to two lines
- dynamically.
-
+This is some super duper long text that will be clamped to two lines dynamically.
```
diff --git a/tsconfig.json b/tsconfig.json
index b113912..a38902e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -24,6 +24,6 @@
"strict": true,
"target": "ES6",
},
- "include": ["src"],
+ "include": ["src", "src/**/*.stories.(ts|tsx)"],
"exclude": ["dist", "node_modules"],
}