traefik / traefik/faency

[UX Primitives] Split our own primitives from designed components

Open
#292 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

00-type/task enhancement
Dominant language
TypeScript
Stars
41
Forks
16
Avg merge
3d 1h
Merged PRs (30d)
3

Description

Description

For some components, we created our own primitives AND designed them according to our mockups. In the same time, we have other uses for the primitives.

I think it would be a good idea to create 'unstyled" versions of those components, so they can also be reused for said purposes.

I noticed a few places on other projects where we start from scratch, because we don't have the primitive (without the said styled) exported.

Maybe this first improvement could bring a standard for naming/structuring export of those primitives.

Good candidates so far:

  • Link: UnstyledLink has that purpose but is only used internally
  • Button
  • IconButton (could have same primitive as Button)

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Review the existing Link, UnstyledLink, Button, and IconButton components and their exports. Establish the naming and structure for reusable unstyled primitives, then confirm that the proposed candidates can be reused independently of the designed components.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.