close

facebook

instagram

linkedin

tiktok

wechat

youtube

<Docs title="Default">
	<div style="display: flex; gap: 10px;">
		{
			icons
				.map(icon => getNameFromPath(icon.default.src))
				.map(
					(name, _index) =>
						name && (
							<div style="display:flex; flex-direction:column; align-items:center;">
								<Icon name={name as IconName} />
								<pre style=" margin-top: 0.5em;font-size: 11px;">{name}</pre>
							</div>
						),
				)
		}
	</div>
</Docs>