Mickey's - Hat Colt 1962-1964 Houston Place 45's Mickey's - Hat Colt 1962-1964 Houston Place 45's

Mickey's - Hat Colt 1962-1964 Houston Place 45's

Overview for expansion

provides an expandable details-summary view.

Basic expansion panel
Mickey's - Hat Colt 1962-1964 Houston Place

I'm visible because I am open

Each expansion-panel must include a header and may optionally include an action bar.

The shows a summary of the panel content and acts as the control for expanding and collapsing. This header may optionally contain an and an , which format the content of the header to align with Material Design specifications.

By default, the expansion-panel header includes a toggle icon at the end of the header to indicate the expansion state. This icon can be hidden via the hideToggle property.

<mat-expansion-panel>
  <mat-expansion-panel-header>
    <mat-panel-title>
      This is the expansion title
    mat-panel-title>
    <mat-panel-description>
      This is a summary of the content
    mat-panel-description>
  mat-expansion-panel-header>

  <p>This is the primary content of the panel.p>

mat-expansion-panel>
Numbers Patriots Jersey New England

Actions may optionally be included at the bottom of the panel, visible only when the expansion is in its expanded state.

<mat-expansion-panel>
  <mat-expansion-panel-header>
    This is the expansion title
  Mickey's - Hat Colt 1962-1964 Houston Place mat-expansion-panel-header>

  <Mickey's - Hat Colt 1962-1964 Houston Place p>This is the primary content of the panel.p>

  <mat-action-row>
    <button mat-button>Click mebutton>
  mat-action-row>
mat-expansion-panel>

Expansion panels can be disabled using the disabled attribute. A disabled expansion panel can't be toggled by the user, but can still be manipulated programmatically.

<mat-expansion-panel [disabled]="isDisabled">
  <mat-expansion-panel-header>
    This is the expansion title
  mat-expansion-panel-header>
  <Mickey's - Hat Colt 1962-1964 Houston Place mat-panel-description>
    This is a summary of the content
  mat-panel-description>
mat-expansion-panel>

Multiple expansion-panels can be combined into an accordion. The multi="true" input allows the expansions state to be set independently of each other. When multi="false" (default) just one panel can be expanded at a given time:

<mat-accordion>

  <mat-expansion-panel>
    <mat-expansion-panel-header>
      This is the expansion 1 title
    mat-expansion-panel-header>

    This the expansion 1 content

  mat-expansion-panel>

  <Mickey's - Hat Colt 1962-1964 Houston Place mat-expansion-panel>
    <mat-expansion-panel-header>
      This is the expansion 2 title
    mat-expansion-panel-header>

    This the expansion 2 content

  mat-expansion-panel>

mat-accordion>

By default, the expansion panel content will be initialized even when the panel is closed. To instead defer initialization until the panel is open, the content should be provided as an ng-template:

<mat-expansion-panel>
  <mat-expansion-panel-header>
    This is the expansion title
  Mickey's - Hat Colt 1962-1964 Houston Place mat-expansion-panel-header>

  <ng-template matExpansionPanelContent>
    Some deferred content
  ng-template>Ovechkin Number Ovechkin Number Jersey Jersey Jersey Ovechkin
mat-expansion-panel>

The expansion-panel aims to mimic the experience of the native

and elements. The expansion panel header has role="button" and also the attribute aria-controls with the expansion panel's id as value.

The expansion panel headers are buttons. Users can use the keyboard to activate the expansion panel header to switch between expanded state and collapsed state. Because the header acts as a button, additional interactive elements should not be put inside of the header.

This Cooperstown Collection New Era 59Fifty cap features the following: Green underbrim Flat embroidered logo No MLB Logo / No New Era flag logos 100% wool Color: Dark NavyHouston Colt 45's 1962-1964 Hat - Mickey's Place