22 lines
587 B
TypeScript
22 lines
587 B
TypeScript
|
import { html } from '@design.estate/dees-element';
|
||
|
|
|
||
|
|
export const demo = () => html`
|
||
|
|
<style>
|
||
|
|
.demo-container {
|
||
|
|
width: 100%;
|
||
|
|
height: 600px;
|
||
|
|
background: hsl(240 10% 4%);
|
||
|
|
border-radius: 12px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<div class="demo-container">
|
||
|
|
<eco-peripherals
|
||
|
|
.activeCategory=${'all'}
|
||
|
|
@device-select=${(e: CustomEvent) => console.log('Device selected:', e.detail)}
|
||
|
|
@scan-start=${() => console.log('Scanning started')}
|
||
|
|
@scan-complete=${() => console.log('Scanning complete')}
|
||
|
|
></eco-peripherals>
|
||
|
|
</div>
|
||
|
|
`;
|