@ajentik/doo-iconik-alpine

Alpine.js plugin: 595 hand-drawn doodle-style SVG icons for Alpine.js 3.

Part of doo-iconik.

Install

npm i @ajentik/doo-iconik-alpine

Usage

import Alpine from 'alpinejs';
import { dooIconikPlugin } from '@ajentik/doo-iconik-alpine';

Alpine.plugin(dooIconikPlugin);
Alpine.start();

<div x-data>
  <i x-doo-iconik="'heart'" data-size="lg"></i>
  <i x-doo-iconik="'star'" data-size="md" data-spin></i>
  <i x-doo-iconik="'arrow-right'" data-flip-horizontal></i>
</div>

Props

All components accept: name, size, spin, pulse, bounce, flipHorizontal, flipVertical, variant, animation.

See the main documentation for full prop details.

License

MIT