mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
199ab985a0
Reorganise Storybook Stories GitOrigin-RevId: 91014f49f84c645f87091724f03a007b731a8ad5
50 lines
839 B
JavaScript
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,
|
|
}
|