Divider
A thin horizontal line for separating content.
Examples
Up
Down
Red text
gives a red line
Wide container
fills the width
Usage
<zakuni-divider></zakuni-divider>The line colour follows the parent's text colour and the line is at least 80px wide.
Implementation
import { LitElement, css, html } from 'lit';
import { customElement } from 'lit/decorators.js';
@customElement('zakuni-divider')
export class ZakuniDivider extends LitElement {
static styles = css`
hr {
border: none;
border-top: 1px solid;
min-width: 80px;
}
`;
render() {
return html`
<hr>
`;
}
}