@flightlesslabs/dodo-ui-numeric

An extension for Dodo UI that provides formatted numeric input components powered by svelte-number-format.

🔗 Links

• 📚 Docs: https://flightlesslabs.github.io/dodo-ui-numeric
• 💻 GitHub: https://github.com/flightlesslabs/dodo-ui/tree/main/packages/dodo-ui-numeric
• 📦 npm: https://www.npmjs.com/package/@flightlesslabs/dodo-ui-numeric
• 📝 Changelog: https://github.com/flightlesslabs/dodo-ui/blob/main/packages/dodo-ui-numeric/CHANGELOG.md

🚀 Installation

pnpm add @flightlesslabs/dodo-ui svelte-number-format @flightlesslabs/dodo-ui-numeric

🎨 Add Styles

Import global styles in your root component. use the root layout (+layout.svelte) for SvelteKit.

// Core (Dodo UI)
import '@flightlesslabs/dodo-ui/styles/global.css';
import '@flightlesslabs/dodo-ui/styles/components.css';

// Addon (dodo-ui-numeric)
import '@flightlesslabs/dodo-ui-numeric/styles/main.css';

or scss

// Core (Dodo UI)
import '@flightlesslabs/dodo-ui/styles/global/index.scss';

// Addon (dodo-ui-numeric)
import '@flightlesslabs/dodo-ui-numeric/styles/main.scss';

✨ Usage

Import components from the addon as needed:

import { NumericInput } '@flightlesslabs/dodo-ui-numeric';

<NumericInput />