css
-
[CSS] shadcn ui - 공유 UI 컴포넌트FrontEnd/HTML, CSS 2023. 8. 9. 11:58
공유 컴포넌트 3대장 MUI ( Matrerial UI) - 오픈 소스 React Component Library Ant Design React Bootstrap 개인적으로 위 3대장은 커스텀 하기가 어려워 요즘 뜨고 있는 shadncd ui를 사용해봄 shadcn ui는 Radix-ui를 기반으로 하고 있음 Radix ui 란 고품질의 액세스 가능한 디자인 시스템 및 웹 앱을 구축하기 위한 오픈 소스 UI 컴포넌트 라이브러리. 접근성, 사용자 정의, 개발자 경험에 초점을 맞춘 하위 수준의 UI컴포넌트 라이브러리 shadcn ui의 특징 Accessible : 컴포넌트는 가능한 경우 WAI-ARIA 설계 패턴을 준수합니다. aria 및 role 속성, 포커스 관리 및 키보드 탐색을 포함하여 접근성과 관련..
-
-
-
inline, block, inline block 비교 ( tailwind로 실습 )FrontEnd/HTML, CSS 2022. 11. 25. 22:14
1. inline 컨텐츠 자체만을 꾸며준다. css에서 width | height 크기를 정해주어도 컨텐츠 크기에 맞춰서 변경이 된다. const css = () => { return ( 1asdasdasd 2 3 ); }; export default css; 2. block div가 갖게 되는 기본값 기본적으로 width가 자신의 컨테이너의 100% 갖게 됨. 설정시 그에 맞춘 값만 할당 컨텐츠가 벗어나도 설정한 w,h만 가져감 const css = () => { return ( block 1 block 2 block 3asdsadasdasd ); }; export default css; 3. inline-block inline + block 특성을 합친것 기본적으론 inline 속성이고 크기 설정시 ..
-