@ne1410s/address
v0.0.120
Published
An address lookup tool.
Downloads
528
Readme
@ne1410s/address
An address lookup utility.
<ne14-address reveal="Hey!">
<p>Hello world</p>
</ne14-address>
- Use:
<script src="PATH_TO_UMD_SCRIPT"></script>
- Extend: npm i -S @ne1410s/address
Attributes
<ne14-address corner="3" reveal="Definition here">YO' STUFF</ne14-address>
- corner: If specified, the reveal text is positioned in a corner of the screen:
- 1: Top-left, 2: Top-right, 3: Bottom-right, 4: Bottom-left
- reveal: The definition text that gets shown on hover
Events
const address = document.querySelector('ne14-address');
address.addEventListener('...', () => {
console.log('Event fired!');
});
- There are no bespoke events raised in the internal workings of this element
Methods
- There are no bespoke methods exposed in this element
Properties
set
corner (number): Sets the attribute with the corresponding valueset
reveal (string): Sets the attribute with the corresponding value
CSS Variables
Some degree of custom styling can be provided, by way of css variables:
ne14-address {
--src-border: 1px solid green;
--reveal-trg-bg: rebeccapurple;
}
--src-border-radius
Source item border radius. Defaults to:3px
--src-border
Source item border. Defaults to:1px solid black
--src-bg
Source item background. Defaults to:inherit
--src-fg
Source item foreground. Defaults to:inherit
--trg-border-radius
Target item border radius. Defaults to:3px
--reveal-src-border
Source item border (in reveal mode). Defaults to:--src-border
--reveal-src-bg
Source item background (in reveal mode). Defaults to:inherit
--reveal-src-fg
Source item foreground (in reveal mode). Defaults to:inherit
--reveal-trg-border
Target item border (in reveal mode). Defaults to:1px solid black
--reveal-trg-bg
Target item background (in reveal mode). Defaults to:white
--reveal-trg-fg
Target item foreground (in reveal mode). Defaults to:inherit