<commit_before># Example Guide

## Add an example

Copy [template file](./modal.we) and build an example with [UI Gallery](#ui-gallery).  


## UI Gallery

We import a simple UI Gallery for consistent UI style. We recommend a new example can be composed with these UI components.

> Inspired by Bootstrap.

See [UI Gallery Example](./ui.we) for details.

![](http://gtms04.alicdn.com/tps/i4/TB1_v6FMpXXXXXfXXXX7XWpVpXX-278-519.gif)

### Reference:

0. [**ui-button**](./ui-button.we)
    * Attributes: 
        * `type`, ***default*** | primary | success | info | warning | danger | link 
        * `size`, ***large*** | middle | small
        * `value`
        * `disabled`, ***false*** | true
    * Event: 
        * `click`
0. [**ui-panel**](./ui-panel.we)
    * Attributes: 
        * `type`, ***default*** | primary | success | info | warning | danger 
        * `title`
        * `subtitle`
        * `border`, number
0. [**ui-hn**](./ui-hn.we)
    * Attributes: 
        * `level`, ***1*** | 2 | 3 
0. [**ui-tip**](./ui-tip.we)
    * Attributes: 
        * `type`, ***success*** | info | warning | danger 
        * `value`, ***large*** | middle | small
        * `value`
        * `disabled`, ***false*** | true
0. [**ui-list-item**](./ui-list-item.we)
    * Event: 
        * `click`<commit_msg>* [doc] rm subtitle for ui-panel<commit_after># Example Guide

## Add an example

Copy [template file](./modal.we) and build an example with [UI Gallery](#ui-gallery).  


## UI Gallery

We import a simple UI Gallery for consistent UI style. We recommend a new example can be composed with these UI components.

> Inspired by Bootstrap.

See [UI Gallery Example](./ui.we) for details.

![](http://gtms04.alicdn.com/tps/i4/TB1_v6FMpXXXXXfXXXX7XWpVpXX-278-519.gif)

### Reference:

0. [**ui-button**](./ui-button.we)
    * Attributes: 
        * `type`, ***default*** | primary | success | info | warning | danger | link 
        * `size`, ***large*** | middle | small
        * `value`
        * `disabled`, ***false*** | true
    * Event: 
        * `click`
0. [**ui-panel**](./ui-panel.we)
    * Attributes: 
        * `type`, ***default*** | primary | success | info | warning | danger 
        * `title`
        * `border`, number
0. [**ui-hn**](./ui-hn.we)
    * Attributes: 
        * `level`, ***1*** | 2 | 3 
0. [**ui-tip**](./ui-tip.we)
    * Attributes: 
        * `type`, ***success*** | info | warning | danger 
        * `value`, ***large*** | middle | small
        * `value`
        * `disabled`, ***false*** | true
0. [**ui-list-item**](./ui-list-item.we)
    * Event: 
        * `click`
{'fraction_non_alphanumeric': 0.2014581734458941, 'fraction_numerical': 0.015349194167306216, 'mean_word_length': 2.4529801324503313, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '3781802', 'n_tokens_mistral': 918, 'n_tokens_neox': 861, 'n_words': 229}