vercel / vercel/ai-elements

Inconsistent component styles

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

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
2.4k
Forks
283
Avg merge
32m
Merged PRs (30d)
1

Description

After installation, when using the component, its style was unexpectedly overridden by the * selector. And the style is inconsistent with the demo on the official website.And based on shadcn/ui, why is it not possible to configure border-radius through the theme? Still, I haven't found the corresponding method.

Contributor guide

Open the contributing guide

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

Start by reproducing the styling after installation and compare the affected component with the official website demo. Inspect the component styles and theme configuration to identify the * selector override and how border-radius is handled; done means the component styling matches the demo and the theme can configure its border radius.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, typescript
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Active
Clarity
Needs clarification
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.