package.src.components.InputGroup.InputGroupText.tsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of react-core Show documentation

This library provides a set of common React components for use with the PatternFly reference implementation.

The newest version!

import * as React from 'react';
import styles from '@patternfly/react-styles/css/components/InputGroup/input-group';
import { css } from '@patternfly/react-styles';
import { InputGroupItem } from './InputGroupItem';

export interface InputGroupTextProps extends React.HTMLProps {
  /** Additional classes added to the input group text. */
  className?: string;
  /** Content rendered inside the input group text. */
  children: React.ReactNode;
  /** Component that wraps the input group text. */
  component?: React.ReactNode;
  /** Flag to to indicate if the input group item is plain. */
  isPlain?: boolean;
  /** Flag to indicate if the input group text is disabled. */
  isDisabled?: boolean;
}

export const InputGroupText: React.FunctionComponent = ({
  className,
  component = 'span',
  children,
  isPlain,
  isDisabled,
  ...props
}: InputGroupTextProps) => {
  const Component = component as any;
  return (
    
      
        {children}
      
    
  );
};
InputGroupText.displayName = 'InputGroupText';