D3vugu-components/page-icons.vugu

<div>
	<layout:Container>
		<h1>Icons</h1>
		<p>Lorem ipsum dolor sit am et</p>
		<view:Code>
			asdfefefeaf afe aef aef aef aef aef<br>
			asdwfaefa efae fae faef ae<br>
			u4iewgooijqoie ioigq oiegq eog qoeg
		</view:Code>
		<p>Some <view:CodeInline>inlined code</view:CodeInline> in this line!</p>
		<div class="page-icons-row icon-size-32">
			<icons:LArrowDown></icons:LArrowDown>
			<icons:LArrowLeft></icons:LArrowLeft>
			<icons:LArrowRight></icons:LArrowRight>
			<icons:LArrowUp></icons:LArrowUp>
			<icons:LBackToWindow></icons:LBackToWindow>
			<icons:LCancel></icons:LCancel>
			<icons:LChevronDown></icons:LChevronDown>
			<icons:LChevronLeft></icons:LChevronLeft>
			<icons:LChevronRight></icons:LChevronRight>
			<icons:LChevronUp></icons:LChevronUp>
			<icons:LCircleMinus></icons:LCircleMinus>
			<icons:LCirclePlus></icons:LCirclePlus>
			<icons:LCopy></icons:LCopy>
			<icons:LCustomize></icons:LCustomize>
			<icons:LCut></icons:LCut>
			<icons:LDelete></icons:LDelete>
			<icons:LDownload></icons:LDownload>
			<icons:LEdit></icons:LEdit>
			<icons:LFavoriteStar></icons:LFavoriteStar>
			<icons:LFilter></icons:LFilter>
			<icons:LFullScreen></icons:LFullScreen>
			<icons:LGlobalNav></icons:LGlobalNav>
			<icons:LHome></icons:LHome>
			<icons:LLock></icons:LLock>
			<icons:LLockDisabled></icons:LLockDisabled>
			<icons:LMinus></icons:LMinus>
			<icons:LMore></icons:LMore>
			<icons:LPaste></icons:LPaste>
			<icons:LPlus></icons:LPlus>
			<icons:LPowerButton></icons:LPowerButton>
			<icons:LRedo></icons:LRedo>
			<icons:LReload></icons:LReload>
			<icons:LSave></icons:LSave>
			<icons:LSearch></icons:LSearch>
			<icons:LSettings></icons:LSettings>
			<icons:LSort></icons:LSort>
			<icons:LUndo></icons:LUndo>
			<icons:LUnlock></icons:LUnlock>
			<icons:LUpload></icons:LUpload>
			<icons:LZoom></icons:LZoom>
			<icons:LZoomIn></icons:LZoomIn>
			<icons:LZoomOut></icons:LZoomOut>
		</div>
		<div class="page-icons-row icon-size-16">
			<icons:LArrowDown></icons:LArrowDown>
			<icons:LArrowLeft></icons:LArrowLeft>
			<icons:LArrowRight></icons:LArrowRight>
			<icons:LArrowUp></icons:LArrowUp>
			<icons:LBackToWindow></icons:LBackToWindow>
			<icons:LCancel></icons:LCancel>
			<icons:LChevronDown></icons:LChevronDown>
			<icons:LChevronLeft></icons:LChevronLeft>
			<icons:LChevronRight></icons:LChevronRight>
			<icons:LChevronUp></icons:LChevronUp>
			<icons:LCircleMinus></icons:LCircleMinus>
			<icons:LCirclePlus></icons:LCirclePlus>
			<icons:LCopy></icons:LCopy>
			<icons:LCustomize></icons:LCustomize>
			<icons:LCut></icons:LCut>
			<icons:LDelete></icons:LDelete>
			<icons:LDownload></icons:LDownload>
			<icons:LEdit></icons:LEdit>
			<icons:LFavoriteStar></icons:LFavoriteStar>
			<icons:LFilter></icons:LFilter>
			<icons:LFullScreen></icons:LFullScreen>
			<icons:LGlobalNav></icons:LGlobalNav>
			<icons:LHome></icons:LHome>
			<icons:LLock></icons:LLock>
			<icons:LLockDisabled></icons:LLockDisabled>
			<icons:LMinus></icons:LMinus>
			<icons:LMore></icons:LMore>
			<icons:LPaste></icons:LPaste>
			<icons:LPlus></icons:LPlus>
			<icons:LPowerButton></icons:LPowerButton>
			<icons:LRedo></icons:LRedo>
			<icons:LReload></icons:LReload>
			<icons:LSave></icons:LSave>
			<icons:LSearch></icons:LSearch>
			<icons:LSettings></icons:LSettings>
			<icons:LSort></icons:LSort>
			<icons:LUndo></icons:LUndo>
			<icons:LUnlock></icons:LUnlock>
			<icons:LUpload></icons:LUpload>
			<icons:LZoom></icons:LZoom>
			<icons:LZoomIn></icons:LZoomIn>
			<icons:LZoomOut></icons:LZoomOut>
		</div>
	</layout:Container>
</div>

<style>
	.page-icons-row {
		display: flex;
	}

	.page-icons-row > * {
		margin: 10px;
	}

	.icon-size-16 > * {
		height: 16px;
	}

	.icon-size-32 > * {
		height: 32px;
	}
</style>

<script type="application/x-go">
	import (
		"github.com/Dadido3/D3vugu-components/components/layout"
		"github.com/Dadido3/D3vugu-components/components/view"
		"github.com/Dadido3/D3vugu-components/icons"
	)

	type PageIcons struct {}
</script>