diff --git a/docs/.vitepress/config.js b/docs/.vitepress/config.js
index 99745720..9c6ef77f 100644
--- a/docs/.vitepress/config.js
+++ b/docs/.vitepress/config.js
@@ -35,6 +35,7 @@ export default {
{ text: 'Text Logo', link: '/components/text-logo' },
{ text: 'Slider', link: '/components/slider' },
{ text: 'Text Inputs', link: '/components/text-inputs' },
+ { text: 'Number Inputs', link: '/components/number-inputs' },
{ text: 'Search Filter', link: '/components/search-filter' },
{ text: 'Toggle', link: '/components/toggle' },
{ text: 'Promotion', link: '/components/promotion' },
diff --git a/docs/components/number-inputs.md b/docs/components/number-inputs.md
new file mode 100644
index 00000000..0a063369
--- /dev/null
+++ b/docs/components/number-inputs.md
@@ -0,0 +1,20 @@
+# Number Inputs
+
+
+
+
+
+
+```vue
+
+
+
+```
\ No newline at end of file
diff --git a/lib/assets/styles/defaults.scss b/lib/assets/styles/defaults.scss
index 2a429269..071b2aaf 100644
--- a/lib/assets/styles/defaults.scss
+++ b/lib/assets/styles/defaults.scss
@@ -52,6 +52,7 @@ a.uncolored {
}
input[type='text'],
+input[type='number'],
textarea {
border-radius: var(--radius-md);
box-sizing: border-box;
@@ -91,6 +92,14 @@ textarea {
}
}
+input[type='number'] {
+ &::-webkit-inner-spin-button,
+ &::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+ }
+}
+
.iconified-input {
align-items: center;
display: inline-flex;
diff --git a/package.json b/package.json
index a00dfbdf..71a96fa5 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
{
"name": "omorphia",
"type": "module",
- "version": "0.4.5",
+ "version": "0.4.6",
"files": [
"dist"
],