status-bar@0.1.1

scrapboxのstatus barと大体同じPreact Component

code:script.js

import {html} from '../htm@3.0.4%2Fpreact/script.js';

import register from '../preact-custom-element@4.2.1/script.js';

const statusBar = () => {

return html`

<style>

:host {

display: inline-block;

position: absolute;

cursor: default;

}

top: 0;

left: 0;

}

}

border-bottom-right-radius: 3px;

}

top: 0;

right: 0;

}

}

border-bottom-left-radius: 3px;

}

bottom: 0;

right: 0;

}

}

border-top-left-radius: 3px;

}

bottom: 0;

left: 0;

}

}

border-top-right-radius: 3px;

}

</style>

<slot />

`;

};

const tag = 'x-userscript-status-bar';

export const StatusBar = ({children, orientation}) =>

test code

code:js

import('/api/code/programming-notes/status-bar@0.1.1/test.js');

code:test.js

import {html, render} from '../htm@3.0.4%2Fpreact/script.js';

import {StatusBar} from './script.js';