foundation-layout-control¶

Markup¶

.foundation-layout-control¶

Indicates the control to manipulate layout.

Selector Rule:

.foundation-layout-control

[data-foundation-layout-control]¶

Indicates the config when the control is activated. The value is JSON with the following structure:

interface FoundationLayoutControlConfig {
  /**
   * The action to be performed. Valid values:
   *
   * - <code>switch</code> is calling <code>FoundationLayout.switchLayout</code>.
   */
  action: string;

  /**
   * The selector to the layout element (element having <code>[data-foundation-layout]</code>).
   * If this property is missing, the closest layout element is used (<code>control.closest("[data-foundation-layout]")</code>).
   */
  target: string;

  /**
   * The config object to be used by the layout. This is same value as <code>[data-foundation-layout]</code>.
   */
  config: FoundationLayoutsConfig;
}

Selector Rule:

.foundation-layout-control[data-foundation-layout-control]

Relationship Graph¶