diff --git a/README.md b/README.md index 2243f4f..ccc3732 100644 --- a/README.md +++ b/README.md @@ -25,5 +25,12 @@ All these tools are easy to configure. Please find their documentation below [Renovate Github App Installation](https://docs.renovatebot.com/install-github-app/) +## How tos +### How to import and use `SVG`? +```tsx +import Check from '../../../assets/check.svg'; // import + // use +``` + ## Questions or Ideas? Please [start a new discussion](https://github.com/hhimanshu/create-react-ts-starter/discussions) diff --git a/src/components/Home/Discussion/index.tsx b/src/components/Home/Discussion/index.tsx index beb93a0..8baf87e 100644 --- a/src/components/Home/Discussion/index.tsx +++ b/src/components/Home/Discussion/index.tsx @@ -9,7 +9,7 @@ export const Discussion = () => { ); return ( -
+
); diff --git a/src/components/Home/GetStarted/index.tsx b/src/components/Home/GetStarted/index.tsx index a1b813a..2d5fe8f 100644 --- a/src/components/Home/GetStarted/index.tsx +++ b/src/components/Home/GetStarted/index.tsx @@ -7,7 +7,7 @@ export const GetStarted = () => { window.open('https://github.com/hhimanshu/create-react-ts-starter#readme'); return ( -
+
); diff --git a/src/components/Home/NotIncluded/index.tsx b/src/components/Home/NotIncluded/index.tsx new file mode 100644 index 0000000..9985de6 --- /dev/null +++ b/src/components/Home/NotIncluded/index.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import { Section } from '../Section'; + +export const NotIncluded = () => { + return ( +
+

+ When it comes to client state management or using a styling solution, + there are a lot of options available. Additionally, each team or + individual have their favorites tools or needs for the problem at hand. +

+

+ This project does not assume or provides any opinion on those choices, + so you are free to bring your own solution! +

+
+ ); +}; diff --git a/src/components/Home/index.tsx b/src/components/Home/index.tsx index 8d88cd0..d6cad86 100644 --- a/src/components/Home/index.tsx +++ b/src/components/Home/index.tsx @@ -5,6 +5,7 @@ import { Why } from './Why'; import { Features } from './Features'; import { GetStarted } from './GetStarted'; import { Discussion } from './Discussion'; +import { NotIncluded } from './NotIncluded'; export const Home = () => { return ( @@ -12,6 +13,7 @@ export const Home = () => {
+