UNPKG

jobiqo-cl

Version:

[![CircleCI](https://circleci.com/gh/jobiqo/jobiqo-cl.svg?style=svg&circle-token=5a24efa5b8bbc4879276123e77d0d3f35ca7144c)](https://circleci.com/gh/jobiqo/jobiqo-cl)

45 lines (44 loc) 1.17 kB
/** * @file index.tsx * * @fileoverview Aligns content to the center. */ import React from 'react'; export interface FlexItemsProps { /** * The content should flow veritcally or horizontally. * * @default "column" */ flow?: 'row' | 'column'; /** * Direction to align items * * @default "flex-start" */ alignItems?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'; /** * Wrap flex items. * * @default "wrap" */ flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse'; /** * Direction to align items * * @default "flex-start" */ justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'; /** * The content to be displayed inside the chip element. * * @default "null" */ children: React.ReactNode | string; } /** * Display multiple items in a flex structure. Useful for laying single dimensionally * a set of items together. */ export declare const FlexItems: ({ flow, alignItems, justifyContent, flexWrap, children }: FlexItemsProps) => JSX.Element; export default FlexItems;