<%
var components = [
{
name: 'Backdrops',
page: 'backdrops',
extended: false,
},
{
name: 'Dragging',
page: 'dragging',
extended: false,
},
{
name: 'Modals',
page: 'modals',
extended: false,
},
{
name: 'Dropdowns - Deprecated',
page: 'dropdowns-deprecated',
extended: false,
},
{
name: 'Autocompletes',
page: 'autocompletes',
extended: false,
},
{
name: 'Pagination',
page: 'pagination',
extended: false,
},
{
name: 'Side Navigation',
page: 'side-navigation',
extended: false,
},
{
name: 'Tree',
page: 'tree',
extended: true,
},
{
name: 'Tables',
page: 'tables',
extended: false,
},
{
name: 'Date Picker',
page: 'date-time',
extended: false,
},
{
name: 'File Management',
page: 'file-management',
extended: true,
},
{
name: 'Image file selection',
page: 'image-file-selection',
extended: true,
},
{
name: 'Code editor',
page: 'code-editing',
extended: true,
},
{
name: 'File Select',
page: 'file-select',
extended: true,
},
{
name: 'Json editor',
page: 'json-editing',
extended: true,
},
{
name: 'Html editor',
page: 'html-editing',
extended: true,
},
];
%>
| Component |
Left to Right |
Right to Left |
| Cosmo |
Slate |
Cosmo |
Slate |
<%
function createLink(c, theme, direction) {
return `/?page=${c.page}&extended=${c.extended}&theme=${theme}&direction=${direction}`;
}
%>
<% for (var i=0;i
<%
let c = components[i];
%>
|
<%= c.name %>
|
View
|
View
|
View
|
View
|
<% } %>