0.0.38 • Published 2 months ago
mohami-lit v0.0.38
How to use tailwdind
In order to use tailwind with your customElement, do these steps respectively.
first import LitWithTw, tw:
import { LitWithTw, tw } from '../../shared/LitWithTw';
after importing, your code should look something like this:
@customElement('mh-accordion')
export class Accordion extends LitWithTw {
// rest of your code
}
What is tw?
tw adds your styles in runtime and make it pleasant to look.
here is how you can use it:
<div class="${tw`w-full relative min-w-[300px] bg-white rounded-md`}">
// rest of your code
</div>
0.0.21
2 months ago
0.0.22
2 months ago
0.0.23
2 months ago
0.0.24
2 months ago
0.0.25
2 months ago
0.0.37
2 months ago
0.0.38
2 months ago
0.0.30
2 months ago
0.0.31
2 months ago
0.0.32
2 months ago
0.0.33
2 months ago
0.0.34
2 months ago
0.0.35
2 months ago
0.0.36
2 months ago
0.0.26
2 months ago
0.0.27
2 months ago
0.0.28
2 months ago
0.0.29
2 months ago
0.0.20
2 months ago
0.0.10
2 months ago
0.0.11
2 months ago
0.0.12
2 months ago
0.0.13
2 months ago
0.0.14
2 months ago
0.0.15
2 months ago
0.0.9
2 months ago
0.0.16
2 months ago
0.0.8
2 months ago
0.0.17
2 months ago
0.0.18
2 months ago
0.0.19
2 months ago
0.0.7
2 months ago
0.0.6
2 months ago
0.0.5
2 months ago
0.0.4
2 months ago
0.0.3
2 months ago
0.0.2
2 months ago
0.0.1
2 months ago