Sha256: 3110d2bb8b20ddeacf4eb9273423db2a40a72d81e53367f3ad503b0c9bb46fcc
Contents?: true
Size: 1.02 KB
Versions: 20
Compression:
Stored size: 1.02 KB
Contents
import React from 'react' import { Flex, FlexItem, Title } from '../..' const FlexReverse = () => { return ( <> <Title size={4} text="Row" /> <br /> <Flex className="bg_light" horizontal="left" orientation="row" reverse > <FlexItem> {'1'} </FlexItem> <FlexItem> {'2'} </FlexItem> <FlexItem> {'3'} </FlexItem> <FlexItem> {'4'} </FlexItem> </Flex> <br /> <Title size={4} text="Column" /> <br /> <Flex className="bg_light" orientation="column" reverse vertical="left" > <FlexItem> {'1'} </FlexItem> <FlexItem> {'2'} </FlexItem> <FlexItem> {'3'} </FlexItem> <FlexItem> {'4'} </FlexItem> </Flex> </> ) } export default FlexReverse
Version data entries
20 entries across 20 versions & 1 rubygems