Link
import React from 'react';
import { LinkButton, Row, Col } from 'seduo-ui';
export default class Example extends React.Component {
render() {
return (
<Row>
<Col md={1}>
<LinkButton onClick={() => undefined}>link</LinkButton>
</Col>
</Row>
);
}
}
Link Button Properties
type Props = {|
tag: string,
color: ?ColorListType,
onClick: Function,
href: ?string,
children: Node,
tabIndex: number,
className: string,
underline: boolean,
|};
LinkButton.defaultProps = {
tabIndex: 0,
color: null,
href: null,
className: '',
underline: false,
tag: 'button',
};
Link underline color
import React from 'react';
import { LinkButton, Row, Col } from 'seduo-ui';
export default class Example extends React.Component<any, any> {
render() {
return (
<Row>
<Col md={4}>
<LinkButton color="brand-dark" onClick={() => undefined} underline>
link underline brand dark
</LinkButton>
</Col>
<Col md={4}>
<LinkButton color="brand-orange" onClick={() => undefined} underline>
link underline brand orange
</LinkButton>
</Col>
<Col md={4}>
<LinkButton color="primary" onClick={() => undefined} underline>
link underline brand black
</LinkButton>
</Col>
</Row>
);
}
}