mirror of
https://github.com/portainer/portainer.git
synced 2025-08-02 20:35:25 +02:00
refactor(icons): replace fa icons [EE-4459] (#7907)
refactor(icons): remove fontawesome EE-4459 refactor(icon) replace feather with lucide EE-4472
This commit is contained in:
parent
9dfac98a26
commit
d78b762f7b
498 changed files with 2102 additions and 2817 deletions
|
@ -1,6 +1,8 @@
|
|||
import { Meta, Story } from '@storybook/react';
|
||||
import { List } from 'lucide-react';
|
||||
|
||||
import { Link } from '@@/Link';
|
||||
import { IconProps } from '@@/Icon';
|
||||
|
||||
import { DashboardItem } from './DashboardItem';
|
||||
|
||||
|
@ -12,7 +14,7 @@ export default meta;
|
|||
|
||||
interface StoryProps {
|
||||
value: number;
|
||||
icon: string;
|
||||
icon: IconProps['icon'];
|
||||
type: string;
|
||||
}
|
||||
|
||||
|
@ -23,21 +25,21 @@ function Template({ value, icon, type }: StoryProps) {
|
|||
export const Primary: Story<StoryProps> = Template.bind({});
|
||||
Primary.args = {
|
||||
value: 1,
|
||||
icon: 'fa fa-th-list',
|
||||
icon: List,
|
||||
type: 'Example resource',
|
||||
};
|
||||
|
||||
export function WithLink() {
|
||||
return (
|
||||
<Link to="example.page">
|
||||
<DashboardItem value={1} icon="fa fa-th-list" type="Example resource" />
|
||||
<DashboardItem value={1} icon={List} type="Example resource" />
|
||||
</Link>
|
||||
);
|
||||
}
|
||||
|
||||
export function WithChildren() {
|
||||
return (
|
||||
<DashboardItem value={1} icon="fa fa-th-list" type="Example resource">
|
||||
<DashboardItem value={1} icon={List} type="Example resource">
|
||||
<div>Children</div>
|
||||
</DashboardItem>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue