Function Flex

  • Flex(props): Element

  • Parameters

    Returns Element

    Description

    A wrapper around MUI's Stack component that provides an easier way to create flexible layouts.

    Importing

    import {Flex} from 'muitils'
    // or
    import Flex, {Col, Row, ...types} from 'muitils/Flex'



    Example

    <Flex layout={{x:'space-between', y:'center'}}>
      <div>Item 1</div>
      <div>Item 2</div>
    </Flex>

    Example

    <Flex col reverse>
      <div>Item 1</div>
      <div>Item 2</div>
    </Flex>

Settings

Member Visibility