grantglidewell

export class SelectGuide extends Component {
  state = {
    value: 'Initial message',
    text: 'Initial'
  }
  render() {
    return (
      <React.Fragment>
        <p>
          The Select component requires that you also import the Option

grantglidewell

Usage:

<Input name="name" placeholder="Name" disabled />
<Input
  name="name"
  autoComplete="off"
  placeholder="Name (autocomplete disabled)"
/>

    

grantglidewell

Usage:

<React.Fragment>
  <p>Mouseover for more information</p>
  <Infotip title="This is the Infotip title" />
</React.Fragment>

Code:

export function Infotip(props) {

grantglidewell

export class TextFieldType extends Component {
  constructor(props) {
    super(props);
    this.state = {
      textInput: ""
    };
  }
  render() {
    const { textInput } = this.state;
    return (

grantglidewell

export class TextareaFieldType extends Component {
  constructor(props) {
    super(props)
    this.state = {
      textInput: ''
    }
  }
  render() {
    const { textInput } = this.state
    return (

grantglidewell

export class NumberFieldType extends Component {
  constructor(props) {
    super(props);
    this.state = {
      numberInput: ""
    };
  }
  render() {
    const { numberInput } = this.state;

grantglidewell

export class UrlFieldType extends Component {
  constructor(props) {
    super(props)
    this.state = {
      textInput: ''
    }
  }
  render() {
    const { textInput } = this.state
    return (

grantglidewell

<CollapsibleCard header="Collapse Me" footer="this is a footer">
  <p>This is the body</p>
</CollapsibleCard>
<CollapsibleCard header="Default Collapsed" collapsed >
  <h3>A whole component! look at that!</h3>
  <GithubEmbed />
</CollapsibleCard>

grantglidewell

export class CollapsibleCard extends Component {
  static defaultProps = {
    isCollapsed: false,
    header: 'Header Required',
    body: 'body required',
    footer: ''
  }
  state = {
    isCollapsed: false
  }

grantglidewell

<Button type="" text="Button" />
<Button type="save" text="Save" />
<Button type="cancel" text="Cancel" />
<Button type="warn" text="Warn" />
<Button type="alt" text="Alt" />