diff --git a/package.json b/package.json
index 3c47d2b..03dacb7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@jabirdeveloper/material-symbols",
- "version": "0.1.25",
+ "version": "0.1.26",
"type": "module",
"main": "dist/index.cjs.js",
"module": "dist/index.es.js",
diff --git a/readme.md b/readme.md
index 551deac..c6a4909 100644
--- a/readme.md
+++ b/readme.md
@@ -18,7 +18,7 @@ Import in CSS (example: index.css in Vite):
Component Symbol props:
-
filled | boolean |
variants | outlined | rounded | sharp |
opticalSize | 20 | 24 | 40 | 48 |
weight | thin | extra_light | light | normal | medium | semi_bold | bold |
grade | low | normal | high |
className | string |
+filled | boolean |
variants | outlined | rounded | sharp |
opticalSize | 20 | 24 | 40 | 48 |
weight | thin | extra_light | light | normal | medium | semi_bold | bold |
grade | low | normal | high |
className | string |
fontSize | md | sm | lg | xl | base |
Example code to display icon:
diff --git a/src/components/symbols/symbols.tsx b/src/components/symbols/symbols.tsx
index c744278..2967016 100644
--- a/src/components/symbols/symbols.tsx
+++ b/src/components/symbols/symbols.tsx
@@ -16,6 +16,7 @@ interface SymbolsProps extends PropsWithChildren {
| "semi_bold"
| "bold";
grade?: "low" | "normal" | "high";
+ fontSize?: "md" | "sm" | "lg" | "xl" | "base";
className?: string | undefined;
}
@@ -25,6 +26,7 @@ const Symbols: FC = ({
weight,
opticalSize,
grade,
+ fontSize = "base",
children,
className
}) => {
@@ -36,7 +38,10 @@ const Symbols: FC = ({
return (
{children}