overleaf/services/web/frontend/stories/icon.stories.js
Alf Eaton 199ab985a0 Merge pull request #7223 from overleaf/ta-storybook-organise
Reorganise Storybook Stories

GitOrigin-RevId: 91014f49f84c645f87091724f03a007b731a8ad5
2022-04-05 12:16:53 +00:00

50 lines
839 B
JavaScript

import Icon from '../js/shared/components/icon'
export const Type = args => {
return (
<>
<Icon {...args} />
<div>
<a
href="https://fontawesome.com/v4.7.0/icons/"
target="_blank"
rel="noopener noreferrer"
>
Font Awesome icons
</a>
</div>
</>
)
}
Type.args = {
type: 'tasks',
}
export const Spinner = args => {
return <Icon {...args} />
}
Spinner.args = {
type: 'spinner',
spin: true,
}
export const FixedWidth = args => {
return <Icon {...args} />
}
FixedWidth.args = {
type: 'tasks',
fw: true,
}
export const AccessibilityLabel = args => {
return <Icon {...args} />
}
AccessibilityLabel.args = {
type: 'check',
accessibilityLabel: 'Check',
}
export default {
title: 'Shared / Components / Icon',
component: Icon,
}