@esri/calcite-components/dist/types/components/calcite-block-section/calcite-block-section.d.ts

Web Components for Esri's Calcite Design System.

import { EventEmitter, VNode } from "../../stencil-public-runtime";
import { BlockSectionToggleDisplay } from "./interfaces";
import { Status } from "../interfaces";
/**
 * @slot - A slot for adding content to the block section.
 */
export declare class CalciteBlockSection {
  /**
   * Tooltip used for the toggle when expanded.
   */
  intlCollapse?: string;
  /**
   * Tooltip used for the toggle when collapsed.
   */
  intlExpand?: string;
  /**
   * When true, the block's section content will be displayed.
   */
  open: boolean;
  /**
   * BlockSection status. Adds indicator to show valid or invalid status.
   */
  status?: Status;
  /**
   * Text displayed in the button.
   */
  text: string;
  /**
   * This property determines the look of the section toggle.
   * If the value is "switch", a toggle-switch will be displayed.
   * If the value is "button", a clickable header is displayed.
   *
   * @todo revisit doc
   */
  toggleDisplay: BlockSectionToggleDisplay;
  el: HTMLCalciteBlockSectionElement;
  /**
   * Emitted when the header has been clicked.
   */
  calciteBlockSectionToggle: EventEmitter;
  handleHeaderLabelKeyDown(this: HTMLLabelElement, event: KeyboardEvent): void;
  toggleSection: () => void;
  renderStatusIcon(): VNode[];
  render(): VNode;
}