JSPM

new-dirham-symbol

1.0.3
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 481
    • Score
      100M100P100Q104237F
    • License MIT

    A simple package to use the new UAE Dirham symbol with a custom font.

    Package Exports

    • new-dirham-symbol
    • new-dirham-symbol/index.js

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (new-dirham-symbol) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    UAE Dirham Symbol NPM Package

    This package provides the UAE Dirham (AED) symbol using a custom font. The symbol is represented using the Unicode character ê (U+00EA) and is easy to integrate into your websites and applications through this NPM package.


    Features

    • Custom UAE Dirham symbol font
    • Simple integration with CSS via NPM
    • Easy to use

    Installation

    Install the package using npm:

    npm i new-dirham-symbol

    Or using Yarn:

    yarn add new-dirham-symbol

    Usage

    Using the Provided Stylesheet

    You can import the pre-built stylesheet directly into your project using NPM:

    @import 'new-dirham-symbol/dist/uae-symbol.css';

    Then use it in your HTML:

    <span class="dirham-symbol">&#xea;</span> 10,000

    Usage Guidelines

    To maintain visual consistency, follow these guidelines:

    • Position: Place the UAE Dirham symbol to the left of the numeral.
    • Spacing: Leave a space between the symbol and the number.
    • Proportions: Keep the symbol proportional without distortion.
    • Alignment: Align the symbol height with surrounding text.
    • Direction: Ensure the symbol follows the text direction.
    • Contrast: Maintain sufficient contrast for visibility.

    Contributing

    Contributions are welcome! Feel free to submit a pull request or open an issue if you have suggestions or improvements.


    Connect with Me

    My LinkedIn Profile


    License

    This project is licensed under the MIT License.