117 lines
3.2 KiB
Text
117 lines
3.2 KiB
Text
import { IconGallery, IconItem, Meta } from '@storybook/blocks';
|
|
|
|
import AngleLeft from '@prokyon/components/Icons/AngleLeft';
|
|
import AngleRight from '@prokyon/components/Icons/AngleRight';
|
|
import BuildingStore from '@prokyon/components/Icons/BuildingStore';
|
|
import CheckCircle from '@prokyon/components/Icons/CheckCircle';
|
|
import CheckSquare from '@prokyon/components/Icons/CheckSquare';
|
|
import Circle from '@prokyon/components/Icons/Circle';
|
|
import CircleFill from '@prokyon/components/Icons/CircleFill';
|
|
import Cross from '@prokyon/components/Icons/Cross';
|
|
import Dashboard from '@prokyon/components/Icons/Dashboard';
|
|
import ExclamationCircle from '@prokyon/components/Icons/ExclamationCircle';
|
|
import ExclamationTriangle from '@prokyon/components/Icons/ExclamationTriangle';
|
|
import External from '@prokyon/components/Icons/External';
|
|
import File from '@prokyon/components/Icons/File';
|
|
import Folder from '@prokyon/components/Icons/Folder';
|
|
import HappyMessage from '@prokyon/components/Icons/HappyMessage';
|
|
import InfoCircle from '@prokyon/components/Icons/InfoCircle';
|
|
import Menu from '@prokyon/components/Icons/Menu';
|
|
import RightFromBracket from '@prokyon/components/Icons/RightFromBracket';
|
|
import RightToBracket from '@prokyon/components/Icons/RightToBracket';
|
|
import Settings from '@prokyon/components/Icons/Settings';
|
|
import Square from '@prokyon/components/Icons/Square';
|
|
import Today from '@prokyon/components/Icons/Today';
|
|
import Trash from '@prokyon/components/Icons/Trash';
|
|
import User from '@prokyon/components/Icons/User';
|
|
import UserTie from '@prokyon/components/Icons/UserTie';
|
|
|
|
<Meta title="components/Iconography" />
|
|
|
|
# Iconography
|
|
|
|
All icons are from [reactsvgicons.com](https://reactsvgicons.com/).
|
|
|
|
## Import
|
|
|
|
`import IconName from '@prokyon/components/Icons/IconName';`
|
|
|
|
## Gallery
|
|
|
|
<IconGallery>
|
|
<IconItem name="AngleLeft">
|
|
<AngleLeft />
|
|
</IconItem>
|
|
<IconItem name="AngleRight">
|
|
<AngleRight />
|
|
</IconItem>
|
|
<IconItem name="BuildingStore">
|
|
<BuildingStore />
|
|
</IconItem>
|
|
<IconItem name="CheckCircle">
|
|
<CheckCircle />
|
|
</IconItem>
|
|
<IconItem name="CheckSquare">
|
|
<CheckSquare />
|
|
</IconItem>
|
|
<IconItem name="Circle">
|
|
<Circle />
|
|
</IconItem>
|
|
<IconItem name="CircleFill">
|
|
<CircleFill />
|
|
</IconItem>
|
|
<IconItem name="Cross">
|
|
<Cross />
|
|
</IconItem>
|
|
<IconItem name="Dashboard">
|
|
<Dashboard />
|
|
</IconItem>
|
|
<IconItem name="ExclamationCircle">
|
|
<ExclamationCircle />
|
|
</IconItem>
|
|
<IconItem name="ExclamationTriangle">
|
|
<ExclamationTriangle />
|
|
</IconItem>
|
|
<IconItem name="External">
|
|
<External />
|
|
</IconItem>
|
|
<IconItem name="File">
|
|
<File />
|
|
</IconItem>
|
|
<IconItem name="Folder">
|
|
<Folder />
|
|
</IconItem>
|
|
<IconItem name="HappyMessage">
|
|
<HappyMessage />
|
|
</IconItem>
|
|
<IconItem name="InfoCircle">
|
|
<InfoCircle />
|
|
</IconItem>
|
|
<IconItem name="Menu">
|
|
<Menu />
|
|
</IconItem>
|
|
<IconItem name="RightFromBracket">
|
|
<RightFromBracket />
|
|
</IconItem>
|
|
<IconItem name="RightToBracket">
|
|
<RightToBracket />
|
|
</IconItem>
|
|
<IconItem name="Settings">
|
|
<Settings />
|
|
</IconItem>
|
|
<IconItem name="Square">
|
|
<Square />
|
|
</IconItem>
|
|
<IconItem name="Today">
|
|
<Today />
|
|
</IconItem>
|
|
<IconItem name="Trash">
|
|
<Trash />
|
|
</IconItem>
|
|
<IconItem name="User">
|
|
<User />
|
|
</IconItem>
|
|
<IconItem name="UserTie">
|
|
<UserTie />
|
|
</IconItem>
|
|
</IconGallery>
|