ColsStack

ColsStack is part of the Containers set, imported from @jcsoftdev/ui/containers.

Import

import { ColsStack } from "@jcsoftdev/ui/containers";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/containers/cols.

Usage

<ColsStack>
  <>
          <Panel title="Agenda de hoy">12 citas, 3 por confirmar.</Panel>
          <Panel title="Barberos">Diego, Mateo y Camila en turno.</Panel>
        </>
</ColsStack>

Props

Prop	Type	Default	Description
wideSplit	boolean		From 1500px of page width the stack becomes 2 columns and its first child spans both rows.

* marks a required prop.

It also accepts the native props of the element or primitive it renders (for example className, id, aria-* and event handlers).

Storybook stories

• Default
• Rail
• Half
• Calc
• With Stack
• Narrow

Source

packages/ui/src/containers/cols/cols.tsx