@vubrussel/vub_tailwind
Version:
Vue and Tailwind CSS based frontend components with VUB specific layout.
256 lines (209 loc) • 7.36 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>My Docs</title>
<link rel="stylesheet" href="https://unpkg.com/docute@4/dist/docute.css">
</head>
<body>
<div id="docute"></div>
<script src="https://unpkg.com/docute@4/dist/docute.js"></script>
<script>
new Docute({
target: '#docute',
sidebar: [
{
title: 'Components',
links: [
{
title: 'RefBox',
link: '/components/RefBox'
},
{
title: 'RefBoxBlue',
link: '/components/RefBoxBlue'
},
{
title: 'TextBox',
link: '/components/TextBox'
},
{
title: 'HoverButtonBlue',
link: '/components/HoverButtonBlue'
},
{
title: 'HoverButtonAlt',
link: '/components/HoverButtonAlt'
},
{
title: 'HoverButtonOrange',
link: '/components/HoverButtonOrange'
},
{
title: 'LargeButton',
link: '/components/LargeButton'
},
{
title: 'SmallButton',
link: '/components/SmallButton'
},
{
title: 'CheckBox',
link: '/components/CheckBox'
},
{
title: 'DropDown',
link: '/components/DropDown'
},
{
title: 'InputDate',
link: '/components/InputDate'
},
{
title: 'InputNumber',
link: '/components/InputNumber'
},
{
title: 'InputText',
link: '/components/InputText'
},
{
title: 'RadioButtons',
link: '/components/RadioButtons'
},
{
title: 'RangeSlider',
link: '/components/RangeSlider'
},
{
title: 'CalendarIcon',
link: '/components/CalendarIcon'
},
{
title: 'ChatIcon',
link: '/components/ChatIcon'
},
{
title: 'CheckIcon',
link: '/components/CheckIcon'
},
{
title: 'CloseIcon',
link: '/components/CloseIcon'
},
{
title: 'CubeIcon',
link: '/components/CubeIcon'
},
{
title: 'EmptyTrayIcon',
link: '/components/EmptyTrayIcon'
},
{
title: 'GlobeIcon',
link: '/components/GlobeIcon'
},
{
title: 'GlobeIcon2',
link: '/components/GlobeIcon2'
},
{
title: 'HamburgerMenuIcon',
link: '/components/HamburgerMenuIcon'
},
{
title: 'HouseIcon',
link: '/components/HouseIcon'
},
{
title: 'LeftArrowIcon',
link: '/components/LeftArrowIcon'
},
{
title: 'LocationIcon',
link: '/components/LocationIcon'
},
{
title: 'MoonIcon',
link: '/components/MoonIcon'
},
{
title: 'MoreDotsIcon',
link: '/components/MoreDotsIcon'
},
{
title: 'NotificationsIcon',
link: '/components/NotificationsIcon'
},
{
title: 'PeopleIcon',
link: '/components/PeopleIcon'
},
{
title: 'ProfileIcon',
link: '/components/ProfileIcon'
},
{
title: 'ProfileIcon2',
link: '/components/ProfileIcon2'
},
{
title: 'PyramidIcon',
link: '/components/PyramidIcon'
},
{
title: 'RightArrowIcon',
link: '/components/RightArrowIcon'
},
{
title: 'SearchIcon',
link: '/components/SearchIcon'
},
{
title: 'TriangleIcon',
link: '/components/TriangleIcon'
},
{
title: 'WaitIcon',
link: '/components/WaitIcon'
},
{
title: 'WarningIcon',
link: '/components/WarningIcon'
},
{
title: 'ApplicationTitle',
link: '/components/ApplicationTitle'
},
{
title: 'PageTitle',
link: '/components/PageTitle'
},
{
title: 'VUBFooter',
link: '/components/VUBFooter'
},
{
title: 'VUBHeader',
link: '/components/VUBHeader'
},
{
title: 'ErrorText',
link: '/components/ErrorText'
},
{
title: 'RefText',
link: '/components/RefText'
},
{
title: 'TitleText',
link: '/components/TitleText'
}
]
}
]
})
</script>
</body>
</html>