46 lines
866 B
TypeScript
46 lines
866 B
TypeScript
import React from 'react';
|
|
|
|
import { FormattedMessage } from 'gatsby-plugin-intl';
|
|
|
|
import { Button } from 'antd';
|
|
|
|
export default {
|
|
title: 'Button',
|
|
};
|
|
|
|
export const Link = () => (
|
|
<Button type="link">
|
|
<FormattedMessage id="homepage.title" />
|
|
</Button>
|
|
);
|
|
|
|
export const Primary = () => (
|
|
<Button type="primary" >
|
|
<FormattedMessage id="homepage.title" />
|
|
</Button>
|
|
);
|
|
|
|
export const Large = () => (
|
|
<Button type="primary" size="large">
|
|
<FormattedMessage id="homepage.title" />
|
|
</Button>
|
|
);
|
|
|
|
export const Loading = () => (
|
|
<Button type="primary" loading>
|
|
<FormattedMessage id="homepage.title" />
|
|
</Button>
|
|
);
|
|
|
|
export const Outline = () => (
|
|
<Button type="ghost">
|
|
<FormattedMessage id="homepage.title" />
|
|
</Button>
|
|
);
|
|
|
|
export const Danger = () => (
|
|
<Button danger>
|
|
<FormattedMessage id="homepage.title" />
|
|
</Button>
|
|
);
|