<commit_before># Dialog

A nice dialog component.

![Preview](../blob/master/preview.png?raw=true)

## Installation

- `component install compose-ui/dialog`
- Profit.

## Usage

There are a few ways to instantiate a dialog.

### DOM only (almost)

Using the `data-trigger="dialog"` attribute on anything will trigger showing a Dialog with the provided options (as `data-` attributes.)

```html
<button class="btn" 
  data-trigger="dialog"
  data-title="Leaving Already?"
  data-message="But we were having so much fun…"
  data-continue="Peace out"<commit_msg>Update readme to show the picture correctly [ci skip]<commit_after># Dialog

A nice dialog component.

![Preview](../../blob/master/preview.png?raw=true)

## Installation

- `component install compose-ui/dialog`
- Profit.

## Usage

There are a few ways to instantiate a dialog.

### DOM only (almost)

Using the `data-trigger="dialog"` attribute on anything will trigger showing a Dialog with the provided options (as `data-` attributes.)

```html
<button class="btn" 
  data-trigger="dialog"
  data-title="Leaving Already?"
  data-message="But we were having so much fun…"
  data-continue="Peace out"
{'fraction_non_alphanumeric': 0.12833763996554695, 'fraction_numerical': 0.0, 'mean_word_length': 4.481132075471698, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5023752', 'n_tokens_mistral': 359, 'n_tokens_neox': 344, 'n_words': 123}