From 42bd3ea27ab14fbc31d18c15d3dac81addf18974 Mon Sep 17 00:00:00 2001 From: Arifulislam5577 Date: Wed, 3 Jan 2024 12:31:05 +0600 Subject: [PATCH] Added: Contributor Image in readme file. --- README.md | 32 +++++++++++++++++--------------- 1 file changed, 17 insertions(+), 15 deletions(-) diff --git a/README.md b/README.md index f89d5754..b70fb309 100644 --- a/README.md +++ b/README.md @@ -53,9 +53,9 @@ pnpm add keep-react following code: ```jsx -import keepPreset from "keep-react/preset"; +import keepPreset from 'keep-react/preset' export default { - content: ["node_modules/keep-react/**/*.{js,jsx,ts,tsx}"], + content: ['node_modules/keep-react/**/*.{js,jsx,ts,tsx}'], presets: [keepPreset], } ``` @@ -63,7 +63,7 @@ export default { `Step 4:` Add Tailwind CSS to index.css File: ```css -@import "keep-react/css"; +@import 'keep-react/css'; @tailwind base; @tailwind components; @tailwind utilities; @@ -106,15 +106,15 @@ following code ```js module.exports = { - content: ["node_modules/keep-react/**/*.{js,jsx,ts,tsx}"], - presets: [require("keep-react/preset")], -}; + content: ['node_modules/keep-react/**/*.{js,jsx,ts,tsx}'], + presets: [require('keep-react/preset')], +} ``` `Step 4:` Add Tailwind CSS to globals.css File: ```css -@import "keep-react/css"; +@import 'keep-react/css'; @tailwind base; @tailwind components; @tailwind utilities; @@ -125,14 +125,12 @@ Congratulations! You have successfully installed the Keep React. Now you can imp ## usage ```jsx -'use client'; -import { Button } from "keep-react"; - const App = () => { - return ( - - ) - } -export default App; +'use client' +import { Button } from 'keep-react' +const App = () => { + return +} +export default App ``` ## Components @@ -143,6 +141,10 @@ The Keep React offers a wide range of components to build your user interfaces. If you want to contribute to the Keep React, you can follow the [contributing guide](https://github.com/StaticMania/keep-react/blob/main/Contribute.md). + + + + ## Figma If you need access to Figma design files for the components, you can check out our website for more information: