오픈소스/ui 라이브러리
-
shadcn/ul - Select 컴포넌트의 placeholder 색상 변경오픈소스/ui 라이브러리 2024. 9. 7. 14:40
https://github.com/shadcn-ui/ui/issues/574 Placeholder color in Select component not as expected. · Issue #574 · shadcn-ui/uiWhile I was using the form components, I noticed that the default for the placeholder in the Select component is not the same as the Input. Looking at the code I realized that the intention was for...github.com setValue("publicTag", v)}> {PUBLIC_TAG..
-
@radix-ui / createContext 훑어보기오픈소스/ui 라이브러리 2024. 3. 26. 16:50
@radix-ui/ createContext [primitives/packages/react/context/src/createContext.tsx at main · radix-ui/primitives Radix Primitives is an open-source UI component library for building high-quality, accessible design systems and web apps. Maintained by @workos. - radix-ui/primitives github.com](https://github.com/radix-ui/primitives/blob/main/packages/react/context/src/createContext.tsx) 1. createCo..
-
1. Compound Component Pattern오픈소스/ui 라이브러리 2024. 3. 25. 17:16
@radix-ui 같은 나만의 라이브러리 만들어보기 첫 시작. 컴파운드 패턴의 이점 1. 재사용성과 조합성 2. 명확한 API 3. 유연성 4. 내부 상태의 캡슐화 컴파운드 패턴의 특징 공통된 상태를 공유하는 여러 컴포넌트를 조합하여, 하나의 큰 컴포넌트를 만드는 디자인 패턴. 컴포넌트 간 명확한 통신 방법 & 각 컴포넌트는 독립적으로 분리되어 재사용성이 높음. 1. 부모-자식 관계를 통해 명시적으로 연결. 각 컴포넌트의 역할이 분명 2. 상태공유- 내부 상태를 자식 컴포넌트와 공유 3. 컴포넌트는 독립적으로 사용될 수 있으므로, 다른 Context에서도 재사용 아래는 React.ContextAPI를 사용한 컴파운드 패턴. FlyOut 컴포넌트는 내부에 기본적으로 다음 3가지를 가지고 있다: 토글 버튼과..