@microsoft/teams.cards/dist/containers/base.mjs

<p> <a href="https://www.npmjs.com/package/@microsoft/teams.cards" target="_blank"> <img src="https://img.shields.io/npm/v/@microsoft/teams.cards" /> </a> <a href="https://www.npmjs.com/package/@microsoft/teams.cards?activeTab=code" ta

import { Element } from '../base';

class ContainerElement extends Element {
  /**
   * The layouts associated with the container. The container can dynamically switch from one layout to another as the card's width changes. See Container layouts for more details.
   */
  layouts;
  /**
   * Specifies the background image. Acceptable formats are PNG, JPEG, and GIF
   */
  backgroundImage;
  /**
   * Determines whether the column should bleed through its parent's padding.
   */
  bleed;
  /**
   * Controls if the container should have rounded corners.
   * @default false
   */
  roundedCorners;
  /**
   * When `true` content in this container should be presented right to left. When 'false' content in this container should be presented left to right. When unset layout direction will inherit from parent container or column. If unset in all ancestors, the default platform behavior will apply.
   */
  rtl;
  /**
   * Controls if a border should be displayed around the container.
   * @default false
   */
  showBorder;
  /**
   * An Action that will be invoked when the `Container` is tapped or selected. `Action.ShowCard` is not supported.
   */
  selectAction;
  withLayouts(...value) {
    this.layouts = value;
    return this;
  }
  withBackgroundImage(value) {
    this.backgroundImage = value;
    return this;
  }
  withBleed(value = true) {
    this.bleed = value;
    return this;
  }
  withRoundedCorners(value = true) {
    this.roundedCorners = value;
    return this;
  }
  withRtl(value = true) {
    this.rtl = value;
    return this;
  }
  withShowBorder(value = true) {
    this.showBorder = value;
    return this;
  }
  withSelectAction(value) {
    this.selectAction = value;
    return this;
  }
}

export { ContainerElement };
//# sourceMappingURL=base.mjs.map
//# sourceMappingURL=base.mjs.map