Show HN: Gov.uk Vue, GOV.UK 디자인 시스템을 위한 Vue 컴포넌트 라이브러리
요약
GOV.UK 디자인 시스템을 Vue.js 환경에서 사용할 수 있도록 지원하는 컴포넌트 라이브러리입니다. 2025년 리브랜딩 스타일을 지원하며, 접근성 기능을 포함한 GOV.UK Frontend와의 완전한 호환성을 제공합니다.
핵심 포인트
- 2025년 GOV.UK 리브랜딩 스타일 지원
- 드래그 앤 드롭 기능이 적용된 파일 업로드 컴포넌트 업데이트
- GOV.UK Frontend의 모든 접근성 기능 완벽 지원
- Vue 컴포넌트와 GOV.UK 디자인 시스템 간의 일관성 유지
2025년 6월 GOV.UK 리브랜딩(rebrand)에 대한 지원을 추가했습니다. 리브랜딩된 스타일을 활성화하려면 <html> 태그에 govuk-template--rebranded 클래스를 추가하세요. 귀하의 서비스가 GOV.UK 브랜드로 표시되는 경우, 헤더에는 :rebrand="true"를, 푸터에는 :show-crown="true"를 전달하세요. 업데이트된 에셋 경로(asset paths)는 설치 지침을 참조하십시오.
또한, 새로운 스타일과 드래그 앤 드롭(drag and drop) 기능이 적용된 파일 업로드 컴포넌트를 업데이트했습니다.
변경 사항을 확인하려면 전체 릴리스 노트(release notes)를 읽어보세요.
GOV.UK Vue는 원활한 개발 경험과 GOV.UK Frontend와의 완전한 호환성을 제공하는 것을 목표로 합니다.
이 라이브러리는 수정되지 않은 GOV.UK Frontend 스타일을 사용하여 다른 GOV.UK 서비스와의 일관성을 제공하며, 유연하고 강력한 Vue 컴포넌트와 결합됩니다.
모든 GOV.UK Frontend JavaScript는 모든 접근성(accessibility) 기능에 대한 완전한 지원을 포함하여, 관용적인(idiomatic) Vue 코드로 재구현되었습니다.
GOV.UK Vue는 GOV.UK 디자인 시스템(Design System)의 커뮤니티 리소스입니다. 디자인 시스템 팀은 이에 대해 책임을 지지 않으며 사용에 대한 지원을 제공할 수 없습니다. 도움이 필요하거나 기능 요청을 하고 싶다면 Matt Eason에게 직접 연락하십시오.
이 프로젝트가 유용하다고 생각하신다면, Ko-fi 또는 GitHub Sponsors를 통한 지원을 부탁드립니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 HN Design Systems의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기