Skip to content

Columns component does not support align-items property #233

@artivilla

Description

@artivilla

I was trying to achieve aligning items vertically so the <Text>Units</Text> was aligned center to the <SegmentedControl>.

Landed up writing it manually but would prefer if we can support this prop as figma components likely use this option in several places. I could have missed something in the docs as well ¯_(ツ)_/¯

      <div className="flex items-center">
        <div class="flex-1">
          <Text>Units</Text>
        </div>
        <SegmentedControl
          options={[{ value: "mm" }, { value: "cm" }, { value: "in" }]}
          value={unit}
          onChange={handleUnitChange}
        />
      </div>

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions