KRDS Angular

공식 배너 Masthead ​

공식 배너는 사용자가 대한민국 정부 조직 및 관련 기관에서 운영 및 관리하는 디지털 정부서비스임을 식별할 수 있도록 제공하는 정보 배너이다.

KRDS 가이드

기본 ​

페이지 맨 위 요소에 krdsMasthead를 붙이고 문구를 내용으로 넣습니다. KRDS 스타일이 id krds-masthead를 기준으로 적용되므로 id는 기본값 그대로 둡니다.

ts
import { Component } from '@angular/core'
import { KrdsMasthead } from '@krds.ui/angular'

@Component({
  selector: 'demo-masthead-basic',
  imports: [KrdsMasthead],
  template: `<div krdsMasthead>이 누리집은 대한민국 공식 전자정부 누리집입니다.</div>`
})
export default class MastheadBasic {}

KrdsMasthead ​

선택자 [krdsMasthead]

Inputs

이름타입기본값설명
idstring'krds-masthead'id (KRDS CSS 기준 krds-masthead)