import { Meta, Preview, Props, Story } from "@storybook/addon-docs/blocks";
import { ArrowButton } from "./ArrowButton";
export const decorators = [
(storyFn) => (
{storyFn()}
),
];
export const Link = ({ to, children, ...rest }) => (
{children}
);
# ArrowButton
ArrowButton is a call-to-action button which uses Aptible’s branding styles.
It’s used on pages which are outside of the app (log in, sign up pages).
There are no use cases for this button to be used within the app.
It should always be used on top of a dark background.
ArrowButton renders as an anchor element by default. It can also render as a
button or React Router's `Link` component by passing it to the `as` prop.
```jsx
import { ArrowButton } from "@aptible/arrow-ds";
```
Arrow Button
## Props
## Demos
### Render as a button
Render as a button when an onClick handler is required.
{
console.log("Clicked");
}}
>
Button
### Render as a Link
Render as a Link when using React Router.
Link
### Disabled
Disabled Link
{
console.log("Clicked");
}}
disabled
>
Disabled Button
### Loading
Loading