<commit_before><div class="content-section introduction">
    <div>
        <span class="feature-title">MenuModel API</span>
        <span>PrimeNG menus components share a common api to specify the menuitems and submenus.</span>
    </div>
</div>

<div class="content-section documentation">
    <h3 class="first">MenuItem</h3>
    <p>Core of the api is MenuItem class that defines various options such as the label, icon and children of an item in a menu. Example below
    is a sample configuration with Menu component.</p>

<pre>
<code class="language-markup" pCode ngNonBindable>
&lt;p-menu [model]="items"&gt;&lt;/p-menu&gt;
</code>
</pre>

<pre>
<code class="language-typescript" pCode ngNonBindable>
import &#123;MenuModule,MenuItem&#125; from 'primeng/primeng';
</code>
</pre>

<pre>
<code class="language-typescript" pCode ngNonBindable>
export class MenuDemo &#123;
    
    private items: MenuItem[];

    ngOnInit() &#123;
        this.items = [&#123;
            label: 'File',
            items: [
                &#123;label: 'New', icon: 'fa-plus'&#125;,
                &#123;label: 'Open', icon: 'fa-download'&#125;
            ]
        &#125;,
        &#123;
            label: 'Edit',
            items: [
                &#123;label: 'Undo', icon: 'fa-refresh'&#125;,
                &#123;label: 'Redo', icon: 'fa-repeat'&#125;
            ]
        &#125;];
    &#125;
&#125;
</code>
</pre>

    <p>MenuItem provides the following properties. Note that not all of them may be utilized by the menu component.</p>
    <div class="doc-tablewrapper">
        <table class="doc-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Type</th>
                    <th>Default</th>
                    <th>Description</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>label</td>
                    <td>string</td>
                    <td>null</td><commit_msg>Doc for menumodel<commit_after><div class="content-section introduction">
    <div>
        <span class="feature-title">MenuModel API</span>
        <span>PrimeNG menus components share a common api to specify the menuitems and submenus.</span>
    </div>
</div>

<div class="content-section documentation">
    <h3 class="first">MenuItem</h3>
    <p>Core of the api is MenuItem class that defines various options such as the label, icon and children of an item in a menu. Example below
    is a sample configuration with Menu component.</p>

<pre>
<code class="language-markup" pCode ngNonBindable>
&lt;p-menu [model]="items"&gt;&lt;/p-menu&gt;
</code>
</pre>

<pre>
<code class="language-typescript" pCode ngNonBindable>
import &#123;MenuModule,MenuItem&#125; from 'primeng/primeng';
</code>
</pre>

<pre>
<code class="language-typescript" pCode ngNonBindable>
export class MenuDemo &#123;
    
    private items: MenuItem[];

    ngOnInit() &#123;
        this.items = [&#123;
            label: 'File',
            items: [
                &#123;label: 'New', icon: 'fa-plus'&#125;,
                &#123;label: 'Open', icon: 'fa-download'&#125;
            ]
        &#125;,
        &#123;
            label: 'Edit',
            items: [
                &#123;label: 'Undo', icon: 'fa-refresh'&#125;,
                &#123;label: 'Redo', icon: 'fa-repeat'&#125;
            ]
        &#125;];
    &#125;
&#125;
</code>
</pre>

    <p>MenuItem provides the following properties. Note that not all of them may be utilized by the menu component.</p>
    <div class="doc-tablewrapper">
        <table class="doc-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Type</th>
                    <th>Default</th>
                    <th>Description</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>id</td>
                    <td>string</td>
                    <td>null</td>
                    <td>Identifier of the element.</td>
                </tr>
                <tr>
                    <td>label</td>
                    <td>string</td>
                    <td>null</td>
{'fraction_non_alphanumeric': 0.14896156600620672, 'fraction_numerical': 0.026736691334447362, 'mean_word_length': 1.8310810810810811, 'pattern_counts': {'":': 0, '<': 111, '<?xml version=': 0, '>': 111, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4552020', 'n_tokens_mistral': 1362, 'n_tokens_neox': 1238, 'n_words': 330}