Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
opensrc0 authored Feb 18, 2024
1 parent d10145b commit f7297e4
Showing 1 changed file with 12 additions and 5 deletions.
17 changes: 12 additions & 5 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,6 +34,7 @@ FE-Theme is a styled-component based comprehensive library of accessible, reusab
1. 🚀 [Features](#features)
2. 📦 [Installation](#installation)
3. 💻 [Usage](#usage)
4. ⚙️ [Customization](#customization)
4. 📚 [Online Editor Templates](#online-editor-templates)
5. 📝 [Contributing](#contributing)
6.[Contributors](#contributors)
Expand Down Expand Up @@ -91,13 +92,20 @@ import Button from 'fe-theme/Button';
```

  Wow, the configuration is quite simple, but wait... button design is different in your application.
  No worry, follow step 3, 4.
  No worry, Checkout Customization.

#### 3. Create your own theme

## Customization

#### 1. Create your own theme

==> To Generate config files for components **Automatically** using command line [Check Commands](./.github/COMMAND.md).

==> To create config files for components **Manually**, follow steps given below.

   **a)** Create an empty folder called ```fe-theme-config``` in your application at any location.

   **c)** Create configButton.js file inside fe-theme-config folder (To configure Button Component)
   **c)** Create ```configButton.js``` file inside ```fe-theme-config folder``` (To configure Button Component)

```js
const Button = {
Expand Down Expand Up @@ -134,9 +142,8 @@ export default {
};

```
Yeah, We have created config files Mannually but You can also generate config files automatically using command line [Check Commands](./.github/COMMAND.md)

#### 4. Pass the newly created theme file in init function
#### 2. Pass the newly created theme file in init function

```js
import { ThemeProvider } from 'styled-components';
Expand Down

0 comments on commit f7297e4

Please sign in to comment.