D3vugu-components/page-icons.vugu

<div>
	<layout:Container>
		<h1>Icons</h1>
		<p>Icons are built into the component library as SVG objects. You can scale them by defining their CSS <view:CodeInline>font-size</view:CodeInline>, or recolor them with the <view:CodeInline>d3c-color-*</view:CodeInline> CSS classes. See the colors page for more info about that.</p>
		<view:Code>
			<pre vg-content='"<icons:LDocument></icons:LDocument>"' style="margin: 0;"></pre>
		</view:Code>
		<icons:LDocument></icons:LDocument>
		<view:Code>
			<pre vg-content='"<icons:LDocument style=\"font-size: 4em;\"></icons:LDocument>"' style="margin: 0;"></pre>
		</view:Code>
		<icons:LDocument style="font-size: 4em;"></icons:LDocument>

		<h2>List of icons</h2>
		<main:ComponentIcons style="font-size: 2em;"></main:ComponentIcons>
	</layout:Container>
</div>

<style>
</style>

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

	type PageIcons struct {}
</script>