imageLink.stories.mdx
Mon Mar 25 2024 17:17:12 GMT+0000 (Coordinated Universal Time)
Saved by
@rafal_rydz
import {ImageLink} from "ui";
import {ArgsTable, Meta, Story} from "@storybook/addon-docs";
<Meta title="Components/Images/ImageLink/old" component={ImageLink}/>
export const Template = (args) => <ImageLink {...args} />;
# ImageLink
This component renders an ImageLink which wraps an image with a link and chooses whether to show the dark or light version based of selected theme.
**N.B. Can't swap between themes in stories so you can't see the darkSrc image.** 🚫
## Props
<ArgsTable story="Default"/>
## Examples
<Story
name="Default"
args={{
link: "https://www.spot-ship.com",
src: "https://dashboard.spot-ship-app.com/Spotship_Light.png",
darkSrc: "https://dashboard.spot-ship-app.com/Spotship_Dark.png",
alt: "The spotship logo linking to the spotship website",
}}
>
{Template.bind({})}
</Story>
content_copyCOPY
Comments