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>
        );
    }
}