@voidable/ui-hotwire

Hotwire (Turbo + Stimulus) adapter for Voidable UI web components.

Install

npm install @voidable/ui @voidable/theme @voidable/ui-hotwire

Setup

import { Application } from '@hotwired/stimulus';
import { VoidEventController, VoidTurbo } from '@voidable/ui-hotwire';

const application = Application.start();
application.register('void-event', VoidEventController);
VoidTurbo.start();

Usage

<void-button
  data-controller="void-event"
  data-void-event-events-value="void-click"
  data-action="void-click->form#submit"
>
  Save
</void-button>

<void-select
  data-controller="void-event"
  data-void-event-events-value="void-change"
  data-action="void-change->filter#update"
>
  <option value="a">Option A</option>
  <option value="b">Option B</option>
</void-select>

Documentation

• Storybook
• GitHub