Hex Core JS
    Preparing search index...

    Type Alias GridProps

    GridProps: {
        align?: LayoutAlignItems;
        id?: string;
        justify?: LayoutJustifyContent;
        minTrackWidth?: CSSPropertyValue | number;
        responsiveTemplateTracks?: ResponsiveTemplateTracks;
        responsiveTo?: "self" | "media";
        responsiveTracks?: ResponsiveTracks;
        templateCrossTracks?: CSSPropertyValue;
        templateTracks?: CSSPropertyValue;
        trackAxis?: GridTrackAxis;
        tracks?: GridTracks;
    } & Partial<GapProps & ClassNameProps & StyleProps & ChildrenProps>

    Type Declaration

    • Optionalalign?: LayoutAlignItems

      Alignment of the children along the cross track axis.

    • Optionalid?: string

      HTML id of the element.

    • Optionaljustify?: LayoutJustifyContent

      Justification of the children along the track axis.

    • OptionalminTrackWidth?: CSSPropertyValue | number

      The minimum size for each track.

    • OptionalresponsiveTemplateTracks?: ResponsiveTemplateTracks

      Object where keys are min-width or min-height values (for the responsiveTo target) depending on the trackAxis and values are CSS grid-template-<columns|rows> values.

    • OptionalresponsiveTo?: "self" | "media"

      Controls whether responsive track layout respond to the size of this element (self) or to the size of the window (media). Defaults to "self".

    • OptionalresponsiveTracks?: ResponsiveTracks

      Object where keys are min-width or min-height values (for the responsiveTo target) depending on the trackAxis and values are number of tracks or an auto-repeat value.

    • OptionaltemplateCrossTracks?: CSSPropertyValue

      The value for the CSS grid-template-<columns|rows> property using the oposite of the trackAxis. Useful in cases where cross tracks do not have even sizes.

    • OptionaltemplateTracks?: CSSPropertyValue

      The value for the CSS grid-template-<columns|rows> property depending on the trackAxis. Useful in cases where tracks do not have even sizes.

    • OptionaltrackAxis?: GridTrackAxis

      Defines the primary axis of the grid. Defaults to "columns".

    • Optionaltracks?: GridTracks

      The number of tracks to layout content in. Defines either the CSS property grid-template-columns or grid-template-rows depending on the trackAxis and makes equally sized tracks.

      Can also be a valid auto-repeat value for the CSS grid-template-<columns|rows> property (e.g. auto-fill). Note that if using an auto-repeat value, a minTrackWidth should be provided.

    Settings

    Member Visibility