al

@lefrancois/alpine-lorem

Add easy lorem ipsum text creation to your Alpine 3.x components with a custom directive.

Showing:

Popularity

Downloads/wk

2

GitHub Stars

9

Maintenance

Last Commit

3mos ago

Contributors

0

Package

Dependencies

0

License

Type Definitions

Tree-Shakeable

Yes?

Categories

Readme

Alpine Lorem

Add easy lorem ipsum text creation to your Alpine 3.x components with a custom directive.

This package only supports Alpine v3.x.

About

This plugin adds a new x-lorem to Alpine that allows to easliy create lorem ipsum text.

Installation

CDN

Include the following <script> tag in the <head> of your document, just before Alpine.

<script
    src="https://cdn.jsdelivr.net/npm/@lefrancois/alpine-lorem@1/dist/cdn.min.js"
    defer
></script>

NPM

npm install @lefrancois/alpine-lorem

Add the x-lorem directive to your project by registering the plugin with Alpine.

import Alpine from "alpinejs";
import Lorem from "@lefrancois/alpine-lorem";

Alpine.plugin(Lorem);

window.Alpine = Alpine;
window.Alpine.start();

Usage

To create random lorem ipsum text, just use the x-lorem directive on an element.

<div x-data>
    <div x-lorem></div>
</div>

Optionally you can set the number of paragraphs and word per paragraph.

<div x-data>
    <div x-lorem="2,160"></div>
</div>

License

Copyright (c) 2021 Michael Lefrancois

Licensed under the MIT license, see LICENSE.md for details.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100