Skip to content
Home

Row

Info
Demos
Properties

Description

Layout.Row is a simplified wrapper for FlexContainer with direction row.

Demos

With cards

Card contents
Card contents
Card contents
Code Editor
<Layout.Row>
  <Layout.Card>Card contents</Layout.Card>
  <Layout.Card>Card contents</Layout.Card>
  <Layout.Card>Card contents</Layout.Card>
</Layout.Row>

Items with flex-grow

Card contents
Card contents
Card contents
Code Editor
<Layout.Row>
  <Layout.FlexItem grow>
    <Layout.Card>Card contents</Layout.Card>
  </Layout.FlexItem>
  <Layout.FlexItem grow>
    <Layout.Card>Card contents</Layout.Card>
  </Layout.FlexItem>
  <Layout.FlexItem grow>
    <Layout.Card>Card contents</Layout.Card>
  </Layout.FlexItem>
</Layout.Row>