semantic-styled-ui/dist/components/ContactForm.d.ts

Set of UI components based of Semantic UI with Styled Components

import * as React from "react"
import { PaddedVerticalProp } from "../types"

export type ContactFormTextArea = string | boolean

export type ContactFormPadding =
  | "compact"
  | "tight"
  | "base"
  | "relaxed"
  | "loose"

export interface ContactFormProps {
  /**
   * enhances semantics
   */
  name?: string
  /**
   * labels for fields
   */
  fields?: string[]
  // REVIEW: whether better to pass false option to disable or just use empty string
  /**
   * label or pass false to disable, defaults to "Enter Message Below:"
   */
  textArea?: ContactFormTextArea
  /**
   * button text content
   */
  button?: string
  /**
   * if/where spacing around element exists
   */
  padded?: PaddedVerticalProp
  /**
   * amount of spacing around element
   */
  padding?: ContactFormPadding
  /**
   * called when form is successfully submitted
   */
  onSubmit?: () => void
  /**
   * additional form fields
   */
  children?: React.ReactNode
}

declare const ContactForm: React.FC<ContactFormProps>