@digital-realty/ix-drawer
v1.1.14-alpha-238839-t57.0
Published
Webcomponent ix-drawer following open-wc recommendations
Downloads
7,338
Keywords
Readme
<ix-drawer>
This webcomponent follows the open-wc recommendation.
Installation
npm i @digital-realty/ix-drawer
Usage
<script type="module">
import '@digital-realty/ix-drawer/ix-drawer.js';
</script>
<ix-drawer
.isVisible=${true}
.onClosed=${() => handleOnClosed()}
>
<div slot="content">
<h5>Title in h5</h5>
<p>
Ipsum amet excepteur velit anim dolor fugiat non dolor non
occaecat tempor deserunt sit consectetur. Qui deserunt
aliqua ex fugiat amet quis non. Dolore excepteur mollit
ipsum mollit elit officia exercitation adipisicing nisi
laborum commodo officia. Excepteur nisi non laborum aute
ullamco non aliquip incididunt. Incididunt eiusmod proident
culpa voluptate proident fugiat deserunt dolore qui
pariatur. Esse amet ad in anim cillum. Pariatur laborum
tempor et labore. Adipisicing esse pariatur non eiusmod
commodo. Lorem eu nulla qui eiusmod est do magna ea ut
consectetur ut dolore consectetur aliquip. Minim laboris
laboris magna sint laboris excepteur dolor sunt consectetur
nulla commodo in cupidatat. Cupidatat duis elit culpa
commodo fugiat eu. Consequat proident nisi proident nisi ad
ut aliqua elit anim nisi veniam et et Lorem. Quis labore non
laborum et amet in veniam tempor sint proident proident
Lorem ut excepteur. Non voluptate aliquip consequat
consequat adipisicing irure mollit eiusmod veniam non eu
velit.
</p>
</div>
</ix-drawer>
import { IxDrawer } from 'ix-drawer'
<IxDrawer>
<div slot="content">
<h5>Title in h5</h5>
<p>
Ipsum amet excepteur velit anim dolor fugiat non dolor non
occaecat tempor deserunt sit consectetur. Qui deserunt
aliqua ex fugiat amet quis non. Dolore excepteur mollit
ipsum mollit elit officia exercitation adipisicing nisi
laborum commodo officia. Excepteur nisi non laborum aute
ullamco non aliquip incididunt. Incididunt eiusmod proident
culpa voluptate proident fugiat deserunt dolore qui
pariatur. Esse amet ad in anim cillum. Pariatur laborum
tempor et labore. Adipisicing esse pariatur non eiusmod
commodo. Lorem eu nulla qui eiusmod est do magna ea ut
consectetur ut dolore consectetur aliquip. Minim laboris
laboris magna sint laboris excepteur dolor sunt consectetur
nulla commodo in cupidatat. Cupidatat duis elit culpa
commodo fugiat eu. Consequat proident nisi proident nisi ad
ut aliqua elit anim nisi veniam et et Lorem. Quis labore non
laborum et amet in veniam tempor sint proident proident
Lorem ut excepteur. Non voluptate aliquip consequat
consequat adipisicing irure mollit eiusmod veniam non eu
velit.
</p>
</div>
</IxDrawer>
Demo and Documentation
Full documentation and demo are available at DLR Component Gallery.