create-next-app-template/src/@dble_layout/types/piece/FlexType.ts

This is a template set up to create Next.js App with fast speed and high performance<br/> The current template is provided in a **page routing** structure.<br/>

interface FlexType {
  flex?: string | number;
  direc?: "row" | "row-reverse" | "column" | "column-reverse";
  isReverse?: boolean;
  align?: "start" | "end" | "center" | "baseline" | "stretch"; // align-items
  justify?:
    | "start"
    | "end"
    | "center"
    | "space-between"
    | "space-around"
    | "space-evenly"; // justify-content
  gap?: string | number;
  order?: number;
  grow?: number;
  shrink?: number; // flex-shrink
  basis?: string | number; // flex-basis
  alignContent?:
    | "start"
    | "end"
    | "center"
    | "space-between"
    | "space-around"
    | "stretch"; // align-content
  alignSelf?: "auto" | "start" | "end" | "center" | "baseline" | "stretch"; // align-self
  wrap?: "nowrap" | "wrap" | "wrap-reverse"; // flex-wrap
}

export type { FlexType };