Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
export default {
|
|
title: "Components/Link",
|
|
tags: ['autodocs'],
|
|
args: {
|
|
label: 'Link',
|
|
href: "",
|
|
target: '_blank',
|
|
size: 'm',
|
|
variant: 'bold'
|
|
},
|
|
argTypes: {
|
|
target: {
|
|
options: ['_blank', '_self', '_parent'],
|
|
control: { type: 'radio' }
|
|
},
|
|
size: {
|
|
description: "Font Size options: s (14px), m (16px), l (18px), xl (20px) - default: m",
|
|
options: ['s', 'm', 'l', 'xl'],
|
|
control: { type: 'radio' }
|
|
},
|
|
variant: {
|
|
options: ['bold', 'underlined', 'title', 'menu'],
|
|
control: { type: 'radio' }
|
|
}
|
|
},
|
|
};
|
|
const DefaultTemplate = (args) => `<ifx-link href="${args.href}" target="${args.target}" size="${args.size}" variant="${args.variant}" >
|
|
${args.label}
|
|
</ifx-link>`;
|
|
export const Default = DefaultTemplate.bind({});
|
|
const TemplateWithIcon = (args) => `<ifx-link href="${args.href}" target="${args.target}" size="${args.size}" variant="${args.variant}" >
|
|
${args.label}
|
|
<ifx-icon icon="arrow-right-16"></ifx-icon>
|
|
</ifx-link>`;
|
|
export const WithIcon = TemplateWithIcon.bind({});
|
|
//# sourceMappingURL=link.stories.js.map
|