Commit 8823214f authored by Kevin Yumang's avatar Kevin Yumang

SERV-2286 - navigation documentation update

parent d6fe2091
......@@ -25,15 +25,15 @@
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Description'],
['name' => 'Example'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'extra'],
['value' => 'Adds custom attributes for the main container. existing attributes such as class will be overwritten.'],
['value' => "<code>'extra' => ['style' => 'position:relative;', 'id' => 'nav1', 'class' => 'nav nav-custom-style']</code>", 'secure' => false],
['value' => '<i>Array</i> [Default = <code>[]</code>]', 'secure' => false],
['value' => 'Adds custom attributes for the main container. existing attributes such as class will be overwritten.']
]
])
@Limitless::TableStop
......@@ -59,15 +59,15 @@
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Description'],
['name' => 'Example'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'title'],
['value' => 'The title of the section to display.'],
['value' => "<code>['title' => 'Navigation']</code>", 'secure' => false],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The title of the section to display.']
]
])
......@@ -85,30 +85,30 @@
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Description'],
['name' => 'Example'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'url'],
['value' => 'The link of the navigation item.'],
['value' => "<code>['url' => '?page=navigation']</code>", 'secure' => false],
['value' => '<i>String</i> [Default = <code>"#"</code>]', 'secure' => false],
['value' => 'The link of the navigation item.']
],
[
['value' => 'target'],
['value' => "Specifies the window where the linked page will be loaded.", 'secure' => false],
['value' => "<code>['target' => '_blank'] ( _blank | _self | _parent | _top | framename )</code>", 'secure' => false],
['value' => '<i>String</i> [Default = <code>"_self"</code>]', 'secure' => false],
['value' => "Specifies the window where the linked page will be loaded. <code>_blank | _self | _parent | _top | framename</code>", 'secure' => false]
],
[
['value' => 'icon'],
['value' => '<i>String</i> [Default = <code>"icon-primitive-dot"</code>]', 'secure' => false],
['value' => 'The icon of the navigation item.'],
['value' => "<code>['icon' => 'icon-menu8']</code>", 'secure' => false],
],
[
['value' => 'title'],
['value' => 'The title of the navigation item to display.'],
['value' => "<code>['title' => 'Card']</code>", 'secure' => false],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The title of the navigation item to display.']
]
])
......@@ -126,20 +126,20 @@
@Limitless::TableAutofillHeader([
['name' => 'Key'],
['name' => 'Description'],
['name' => 'Example'],
['name' => 'Type'],
['name' => 'Description']
])
@Limitless::TableAutofillBody([
[
['value' => 'title'],
['value' => 'The title of the nested navigation item.'],
['value' => "<code>['title' => 'More Navigation']</code>", 'secure' => false],
['value' => '<i>String</i> [Default = <code>"No Title"</code>]', 'secure' => false],
['value' => 'The title of the nested navigation item.']
],
[
['value' => 'icon'],
['value' => 'The icon of the nested navigation item.'],
['value' => "<code>['icon' => 'icon-three-bars']</code>", 'secure' => false],
['value' => '<i>String</i> [Default = <code>"icon-primitive-dot"</code>]', 'secure' => false],
['value' => 'The icon of the nested navigation item.']
]
])
......@@ -160,8 +160,8 @@
{{-- Sample Output --}}
@Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ] )
@Limitless::NavigationStart
@Limitless::ElementCardStart(['title' => "Sample Output", 'icon' => 'icon-display4' ])
@Limitless::NavigationStart([ 'extra' => ['id' => 'navigation-main', 'data-index' => 1] ])
@Limitless::NavigationMenuSectionTitle(['title' => 'Menu section title 1'])
@Limitless::NavigationMenuItem(['url' => '#', 'target' => '_self', 'icon' => 'icon-three-bars', 'title' => 'Menu Item 1'])
@Limitless::NavigationMenuItem(['url' => '#', 'target' => '_self', 'icon' => 'icon-three-bars', 'title' => 'Menu Item 2'])
......@@ -180,7 +180,7 @@
@Limitless::ElementCardStop
@php
$example = base64_decode("QExpbWl0bGVzczo6RWxlbWVudENhcmRTdGFydChbJ3RpdGxlJyA9PiAiU2FtcGxlIE91dHB1dCIsICdpY29uJyA9PiAnaWNvbi1kaXNwbGF5NCcgXSApCglATGltaXRsZXNzOjpOYXZpZ2F0aW9uU3RhcnQKCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVNlY3Rpb25UaXRsZShbJ3RpdGxlJyA9PiAnTWVudSBzZWN0aW9uIHRpdGxlIDEnXSkKCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICcjJywgJ3RhcmdldCcgPT4gJ19zZWxmJywgJ2ljb24nID0+ICdpY29uLXRocmVlLWJhcnMnLCAndGl0bGUnID0+ICdNZW51IEl0ZW0gMSddKQoJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJyMnLCAndGFyZ2V0JyA9PiAnX3NlbGYnLCAnaWNvbicgPT4gJ2ljb24tdGhyZWUtYmFycycsICd0aXRsZScgPT4gJ01lbnUgSXRlbSAyJ10pCgkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVJdGVtKFsndXJsJyA9PiAnIycsICd0YXJnZXQnID0+ICdfc2VsZicsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJywgJ3RpdGxlJyA9PiAnTWVudSBJdGVtIDMnXSkKCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVN0YXJ0KFsndGl0bGUnID0+ICdMZXZlbCAxIFN1Ym1lbnUgSXRlbSBQYXJlbnQnLCAnaWNvbicgPT4gJ2ljb24tdGhyZWUtYmFycyddKQoJCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVNlY3Rpb25UaXRsZShbJ3RpdGxlJyA9PiAnTWVudSBzZWN0aW9uIHRpdGxlIDInXSkKCQkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVJdGVtKFsndXJsJyA9PiAnIycsICd0YXJnZXQnID0+ICdfc2VsZicsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJywgJ3RpdGxlJyA9PiAnTGV2ZWwgMSBTdWJtZW51IEl0ZW0gQ2hpbGQgMSddKQoJCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICcjJywgJ3RhcmdldCcgPT4gJ19zZWxmJywgJ2ljb24nID0+ICdpY29uLXRocmVlLWJhcnMnLCAndGl0bGUnID0+ICdMZXZlbCAxIFN1Ym1lbnUgSXRlbSBDaGlsZCAyJ10pCgkJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U3RhcnQoWyd0aXRsZScgPT4gJ0xldmVsIDIgU3VibWVudSBJdGVtIFBhcmVudCcsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJ10pCgkJCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVNlY3Rpb25UaXRsZShbJ3RpdGxlJyA9PiAnTWVudSBzZWN0aW9uIHRpdGxlIDMnXSkKCQkJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJyMnLCAndGFyZ2V0JyA9PiAnX3NlbGYnLCAnaWNvbicgPT4gJ2ljb24tdGhyZWUtYmFycycsICd0aXRsZScgPT4gJ0xldmVsIDIgU3VibWVudSBJdGVtIENoaWxkIDEnXSkKCQkJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJyMnLCAndGFyZ2V0JyA9PiAnX3NlbGYnLCAnaWNvbicgPT4gJ2ljb24tdGhyZWUtYmFycycsICd0aXRsZScgPT4gJ0xldmVsIDIgU3VibWVudSBJdGVtIENoaWxkIDInXSkKCQkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVTdG9wCgkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVTdG9wCglATGltaXRsZXNzOjpOYXZpZ2F0aW9uU3RvcApATGltaXRsZXNzOjpFbGVtZW50Q2FyZFN0b3A=");
$example = base64_decode("QExpbWl0bGVzczo6RWxlbWVudENhcmRTdGFydChbJ3RpdGxlJyA9PiAiU2FtcGxlIE91dHB1dCIsICdpY29uJyA9PiAnaWNvbi1kaXNwbGF5NCcgXSkKCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25TdGFydChbICdleHRyYScgPT4gWydpZCcgPT4gJ25hdmlnYXRpb24tbWFpbicsICdkYXRhLWluZGV4JyA9PiAxXSBdKQoJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMSddKQoJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJyMnLCAndGFyZ2V0JyA9PiAnX3NlbGYnLCAnaWNvbicgPT4gJ2ljb24tdGhyZWUtYmFycycsICd0aXRsZScgPT4gJ01lbnUgSXRlbSAxJ10pCgkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVJdGVtKFsndXJsJyA9PiAnIycsICd0YXJnZXQnID0+ICdfc2VsZicsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJywgJ3RpdGxlJyA9PiAnTWVudSBJdGVtIDInXSkKCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICcjJywgJ3RhcmdldCcgPT4gJ19zZWxmJywgJ2ljb24nID0+ICdpY29uLXRocmVlLWJhcnMnLCAndGl0bGUnID0+ICdNZW51IEl0ZW0gMyddKQoJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U3RhcnQoWyd0aXRsZScgPT4gJ0xldmVsIDEgU3VibWVudSBJdGVtIFBhcmVudCcsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJ10pCgkJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMiddKQoJCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudUl0ZW0oWyd1cmwnID0+ICcjJywgJ3RhcmdldCcgPT4gJ19zZWxmJywgJ2ljb24nID0+ICdpY29uLXRocmVlLWJhcnMnLCAndGl0bGUnID0+ICdMZXZlbCAxIFN1Ym1lbnUgSXRlbSBDaGlsZCAxJ10pCgkJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51SXRlbShbJ3VybCcgPT4gJyMnLCAndGFyZ2V0JyA9PiAnX3NlbGYnLCAnaWNvbicgPT4gJ2ljb24tdGhyZWUtYmFycycsICd0aXRsZScgPT4gJ0xldmVsIDEgU3VibWVudSBJdGVtIENoaWxkIDInXSkKCQkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVTdGFydChbJ3RpdGxlJyA9PiAnTGV2ZWwgMiBTdWJtZW51IEl0ZW0gUGFyZW50JywgJ2ljb24nID0+ICdpY29uLXRocmVlLWJhcnMnXSkKCQkJCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25NZW51U2VjdGlvblRpdGxlKFsndGl0bGUnID0+ICdNZW51IHNlY3Rpb24gdGl0bGUgMyddKQoJCQkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVJdGVtKFsndXJsJyA9PiAnIycsICd0YXJnZXQnID0+ICdfc2VsZicsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJywgJ3RpdGxlJyA9PiAnTGV2ZWwgMiBTdWJtZW51IEl0ZW0gQ2hpbGQgMSddKQoJCQkJQExpbWl0bGVzczo6TmF2aWdhdGlvbk1lbnVJdGVtKFsndXJsJyA9PiAnIycsICd0YXJnZXQnID0+ICdfc2VsZicsICdpY29uJyA9PiAnaWNvbi10aHJlZS1iYXJzJywgJ3RpdGxlJyA9PiAnTGV2ZWwgMiBTdWJtZW51IEl0ZW0gQ2hpbGQgMiddKQoJCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVN0b3AKCQlATGltaXRsZXNzOjpOYXZpZ2F0aW9uTWVudVN0b3AKCUBMaW1pdGxlc3M6Ok5hdmlnYXRpb25TdG9wCkBMaW1pdGxlc3M6OkVsZW1lbnRDYXJkU3RvcA==");
@endphp
{{-- Sample Code --}}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment