@e280/quay
Version:
File-browser and outliner UI for the web
24 lines • 651 B
JavaScript
import { html, shadowComponent, css } from '@benev/slate';
import themeCss from '../../theme.css.js';
import { findLocalGroup } from '../../utils/find-local-group.js';
const styleCss = css `
sl-input::part(prefix) {
padding-left: 0.5em;
}
`;
export const QuaySearchbar = shadowComponent(use => {
use.styles(themeCss, styleCss);
const group = findLocalGroup(use.element);
return html `
<sl-input
size='small'
pill
placeholder='Search'
clearable
@sl-input=${(e) => group.searchText.value = e.target.value}
>
<sl-icon name='search' slot='prefix'></sl-icon>
</sl-input>
`;
});
//# sourceMappingURL=component.js.map