Neural Processing Mechanisms

    @refinitiv-ui/elements
    TypeScript icon, indicating that this package has built-in type declarations

    6.1.0 • Public • Published

    Element Framework

    Element Framework (EF) is a collection of elements that includes theming capability within the Refinitiv's design system. The elements are a set of web components which is a standard web technology and can be utilized across all browsers.

    Usage

    EF elements are published under single package.

    npm install @refinitiv-ui/elements

    The elements are required theme to instantiate itself in the app. Refinitiv's design system is called Halo theme and you can install it from npm command.

    npm install @refinitiv-ui/halo-theme

    Finally, import both elements that you want to use and its themes into your application and it is ready to go. To follow Refinitiv design system, it is required styles of some native elements e.g. typography.


    The font "Proxima Nova Fin" shall only be used within Refinitiv products or services. The copyright owner must approve any use of such font outside of Refinitiv products or services, which may be subject to a fee. Please see https://www.fontspring.com/lic/fontspring/webfont#license_text


    // import element and its Halo dark theme
    import '@refinitiv-ui/elements/button';
    import '@refinitiv-ui/elements/panel';
    // import native styles for typography, css variables, etc.
    import '@refinitiv-ui/halo-theme/dark/imports/native-elements';
    import '@refinitiv-ui/elements/button/themes/halo/dark';
    import '@refinitiv-ui/elements/panel/themes/halo/dark';

    Now, you can use the elements in your app.

    .content {
        width:100%;
        height: 500px;
    }
    <ef-panel class="content" spacing>
        <h2>Hello EF!</h2>
        <ef-button cta>OK</ef-button>
    </ef-panel>

    Documentation

    See list of elements, demo and more tutorial by visiting EF Documentation.

    License

    Apache License 2.0. However, Halo theme shall only be used within Refinitiv products or services due to license of the font "Proxima Nova Fin".

    Keywords

    none

    Install

    npm i @refinitiv-ui/elements

    DownloadsWeekly Downloads

    150

    Version

    6.1.0

    License

    Apache-2.0

    Unpacked Size

    2.82 MB

    Total Files

    647

    Last publish

    Collaborators

    • ef-ci