Mike Phares
127634f5ab
Back to .net8.0 api/v4/InfinityQS ApiExplorerSettings Wafer Counter Color Sorting
42 lines
1.2 KiB
JavaScript
42 lines
1.2 KiB
JavaScript
import { icons } from "@infineon/infineon-icons";
|
|
export default {
|
|
title: "Components/Icon Button",
|
|
tags: ['autodocs'],
|
|
args: {
|
|
variant: "primary",
|
|
size: 'm',
|
|
disabled: false,
|
|
icon: "c-info-24",
|
|
href: "",
|
|
target: '_blank',
|
|
shape: 'round'
|
|
},
|
|
argTypes: {
|
|
icon: {
|
|
options: Object.values(icons).map(i => i['name']),
|
|
control: { type: 'select' },
|
|
},
|
|
variant: {
|
|
options: ['primary', 'secondary', 'tertiary'],
|
|
control: { type: 'radio' },
|
|
},
|
|
size: {
|
|
description: "Size options: s (24px), m (40px) and l (48px) - default: m",
|
|
options: ['s', 'm', 'l'],
|
|
control: { type: 'radio' },
|
|
},
|
|
target: {
|
|
options: ['_blank', '_self', '_parent'],
|
|
control: { type: 'radio' }
|
|
},
|
|
shape: {
|
|
options: ['round', 'square'],
|
|
control: { type: 'radio' }
|
|
}
|
|
},
|
|
};
|
|
const DefaultTemplate = (args) => `<ifx-icon-button shape="${args.shape}" variant="${args.variant}" icon="${args.icon}" href="${args.href}" target="${args.target}" size="${args.size}" disabled="${args.disabled}">
|
|
</ifx-icon-button>`;
|
|
export const Default = DefaultTemplate.bind({});
|
|
//# sourceMappingURL=icon-button.stories.js.map
|