misraj-mushaf-renderer 1.1.19 → 1.1.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -35,7 +35,7 @@ Make sure to import package styles file which includes css styles and fonts asse
|
|
|
35
35
|
```tsx
|
|
36
36
|
// main.tsx;
|
|
37
37
|
|
|
38
|
-
import 'misraj-mushaf-renderer/styles';
|
|
38
|
+
import 'misraj-mushaf-renderer/dist/styles';
|
|
39
39
|
```
|
|
40
40
|
|
|
41
41
|
The core of the library is the `MushafPageProvider` and the `Mushaf` component.
|
|
@@ -171,6 +171,7 @@ You can easily override the default component styles by passing a `styleOverride
|
|
|
171
171
|
- `wordHighlightColor` (string): The color of a word when it is hovered or highlighted.
|
|
172
172
|
- `chapterHeaderFontSize` (string): The font size for the chapter headers (surah names).
|
|
173
173
|
- `primaryFontColor` (string): The primary color of the Quranic text.
|
|
174
|
+
- `borderColor`: ('blue' | 'green' | 'sepia') Supported border colors;
|
|
174
175
|
|
|
175
176
|
**Example:**
|
|
176
177
|
|
|
@@ -180,6 +181,7 @@ function MushafReader() {
|
|
|
180
181
|
wordHighlightColor: '#00aaff', // A light blue highlight
|
|
181
182
|
chapterHeaderFontSize: '2.5rem',
|
|
182
183
|
primaryFontColor: '#333333', // A dark gray for the text
|
|
184
|
+
borderColor: 'blue',
|
|
183
185
|
};
|
|
184
186
|
|
|
185
187
|
return (
|
|
@@ -190,4 +192,3 @@ function MushafReader() {
|
|
|
190
192
|
);
|
|
191
193
|
}
|
|
192
194
|
```
|
|
193
|
-
|