Skip to content

Update Textbox, Select, and Search components to use border radius 8px #625

Closed
@natdink

Description

@natdink
Contributor

Description

In Figma, we have the textbox and select components set up with a border radius of 8px but in production/components it is set to 12px. Please update the components to be 8px instead.

Existing

@abarricks @johbaxter can you add any relevant code links here?

Requirements

What are more specific requirements that needs to take to consider this issue resolved.

  • [ ]
  • [ ]

Activity

added theissue type on Feb 25, 2025
kyang4

kyang4 commented on May 21, 2025

@kyang4

Just assigned this to a FE dev on the Settings team. @bfekadu21 - tagging you for situation awareness!

johbaxter

johbaxter commented on May 22, 2025

@johbaxter
Contributor

libs/ui/../TextField
libs/ui/../Select
.../otherComponents

All input components in our component library.

You should be able to make changes just to this file libs/ui/../theme.ts

You can run our component library editor by switching into the libs/ui directory cd ./libs/ui and then pnpm run storybook

We need to make sure borderRadius matches figma

ishumita

ishumita commented on May 27, 2025

@ishumita
Contributor

PR for this ticket: #1225

linked a pull request that will close this issuechanging borderRadius to 8px #1225on May 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

Projects

No projects

Milestone

No milestone

Relationships

None yet

    Development

    Participants

    @ishumita@natdink@johbaxter@kyang4

    Issue actions

      Update Textbox, Select, and Search components to use border radius 8px · Issue #625 · SEMOSS/semoss-ui