joomla-ui-custom-elements
Version:
Joomla UI components as custom elements
36 lines (29 loc) • 1.24 kB
Markdown
# Tip WIP
In order to use the tip custom element you need to import the element in the document's head:
```html
<link href="joomla-tip.min.css" rel="stylesheet">
<script src="joomla-tip.min.js"></script>
```
The simplified version of the custom elements
```html
<joomla-tip label="more info" tip="This clarifies whatever needs clarifying" text="i" position="top">
</joomla-tip>
<joomla-tip label="more info" tip="This clarifies whatever needs clarifying" text="i" position="left">
</joomla-tip>
<joomla-tip label="more info" tip="This clarifies whatever needs clarifying" text="i" position="right">
</joomla-tip>
<joomla-tip label="more info" tip="This clarifies whatever needs clarifying" text="i" position="bottom">
</joomla-tip>
```
### tip demo:
<joomla-tip label="more info" tip="This clarifies whatever needs clarifying" text="i" position="top">
</joomla-tip>
<hr>
<joomla-tip label="more info" tip="This clarifies whatever needs clarifying" text="i" position="left">
</joomla-tip>
<hr>
<joomla-tip label="more info" tip="This clarifies whatever needs clarifying" text="i" position="right">
</joomla-tip>
<hr>
<joomla-tip label="more info" tip="This clarifies whatever needs clarifying" text="i" position="bottom">
</joomla-tip>