pyro
Version:
Pyro custom elements
31 lines (30 loc) • 935 B
TypeScript
import { LitElement } from 'lit';
/**
* Box for scrolling content, removing layout shift and adding smooth scrolling
* [docs](https://pyrojs.com/el/scrollbox)
*
* ```html
* <pyro-scrollbox style="width: 100%`; height: 500px">
* <div style="height: 400px;">[...content]</div>
* </pyro-scrollbox>
*
* @tag pyro-scrollbox
*
* @cssprop [--pyro-scrollbox-bar-color=auto] - scrollbar bar and arrows color
* @cssprop [--pyro-scrollbox-background=auto] - scrollbar background color
* @cssprop [--pyro-scrollbox-padding=0] - inside `padding`
*
* @slot - Contents of the scrollbox
*
*/
export declare class PyroScrollbox extends LitElement {
static styles: import('lit').CSSResult;
/** Always shows the scrollbar, even when not needed*/
visible?: boolean;
render(): import('lit-html').TemplateResult<1>;
}
declare global {
interface HTMLElementTagNameMap {
'pyro-scrollbox': PyroScrollbox;
}
}