Skip to content

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

License

Notifications You must be signed in to change notification settings

lefrancois/alpine-lorem

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published