# Source: https://dev.writer.com/framework/component-list-link.md

> ## Documentation Index
> Fetch the complete documentation index at: https://dev.writer.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Column

A layout component that organizes its child components in columns. Must be inside a Column container component.

<img src="https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/column.png?fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=67c206cffd38c41c9ffbe67a81d0b01a" data-og-width="732" width="732" data-og-height="274" height="274" data-path="framework/public/components/column.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/column.png?w=280&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=12931e788c528a5c8b547dfb21cf0965 280w, https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/column.png?w=560&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=057e63b4154aa2e3192650bbaa020cff 560w, https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/column.png?w=840&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=14ea1f326fa83cce418da7aaa9c57391 840w, https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/column.png?w=1100&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=24d8880e7c1f0dce23f4b7a69057c89a 1100w, https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/column.png?w=1650&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=f4d6a3ee57e153535b94f16e3acb1d6d 1650w, https://mintcdn.com/writer/mFPGVlLcGxKIh_Y1/framework/public/components/column.png?w=2500&fit=max&auto=format&n=mFPGVlLcGxKIh_Y1&q=85&s=d31d479d114dfc79f03730b9271bced4 2500w" />

## Fields

<table className="componentFields">
  <thead>
    <th>Name</th>
    <th>Type</th>
    <th class="desc">Description</th>
    <th>Options</th>
  </thead>

  <tbody>
    <tr>
      <td>Title</td>
      <td>Text</td>
      <td>-</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Width (factor)</td>
      <td>Number</td>
      <td>Relative size when compared to other columns in the same container. A column of width 2 will be double the width of one with width 1.</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Sticky</td>
      <td>Boolean</td>
      <td>-</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Collapsible</td>
      <td>Boolean</td>
      <td>-</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Start collapsed</td>
      <td>Boolean</td>
      <td>Only applied when the column is collapsible.</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Separator</td>
      <td>Color</td>
      <td>-</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Padding</td>
      <td>Padding</td>
      <td>-</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Content alignment (H)</td>
      <td>Align (H)</td>
      <td>-</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Content alignment (V)</td>
      <td>Align (V)</td>
      <td>-</td>

      <td>
        <span>-</span>
      </td>
    </tr>

    <tr>
      <td>Custom CSS classes</td>
      <td>Text</td>
      <td>CSS classes, separated by spaces. You can define classes in custom stylesheets.</td>

      <td>
        <span>-</span>
      </td>
    </tr>
  </tbody>
</table>