semantic-ui-react/src/elements/Segment/SegmentGroup.d.ts

The official Semantic-UI-React integration.

import * as React from 'react';

import { SemanticShorthandContent } from '../..';
import { SegmentSizeProp } from './Segment';

export interface SegmentGroupProps {
  [key: string]: any;

  /** An element type to render as (string or function). */
  as?: any;

  /** Primary content. */
  children?: React.ReactNode;

  /** Additional classes. */
  className?: string;

  /** A segment may take up only as much space as is necessary. */
  compact?: boolean;

  /** Shorthand for primary content. */
  content?: SemanticShorthandContent;

  /** Formats content to be aligned horizontally. */
  horizontal?: boolean;

  /** Formatted to look like a pile of pages. */
  piled?: boolean;

  /** A segment group may be formatted to raise above the page. */
  raised?: boolean;

  /** A segment group can have different sizes. */
  size?: SegmentSizeProp;

  /** Formatted to show it contains multiple pages. */
  stacked?: boolean;
}

declare const SegmentGroup: React.StatelessComponent<SegmentGroupProps>;

export default SegmentGroup;