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

    6.0.4 • Public • Published

    Demo Block Element

    A custom element that can wrap around any other elements for demo and development purpose.

    Installation

    npm install -D @refinitiv-ui/demo-block

    Usage

    Include demo styles to <head> section and import the module to your page.

    <link rel="stylesheet" href="/node_modules/@refinitiv-ui/demo-block/demo.css">
    <script type="module">
      import '@refinitiv-ui/demo-block';
    </script>

    Wrap element or content that you want to show in demo block inside <demo-block>.

    <demo-block header="Layout option" layout="normal" tags="header">
      This is standard block layout
      <h1>Header Level 1</h1>
      <h2>Header Level 2</h2>
      <h3>Header Level 3</h3>
    </demo-block>

    Keywords

    none

    Install

    npm i @refinitiv-ui/demo-block

    DownloadsWeekly Downloads

    55

    Version

    6.0.4

    License

    Apache-2.0

    Unpacked Size

    57.8 kB

    Total Files

    10

    Last publish

    Collaborators

    • ef-ci