Button 기본 Basic Secondary Success Warning Alert Pink White Gray Basic Secondary Success Warning Alert Pink White Gray 코드보기 <button type="button" class="button">Basic</button> <button type="button" class="button standard">Basic</button> <button type="button" class="button secondary">Secondary</button> <button type="button" class="button standard secondary">Secondary</button> <button type="button" class="button success">Success</button> <button type="button" class="button standard success">Success</button> <button type="button" class="button warning">Warning</button> <button type="button" class="button standard warning">Warning</button> <button type="button" class="button alert">Alert</button> <button type="button" class="button standard alert">Alert</button> <button type="button" class="button nd-pink">Pink</button> <button type="button" class="button standard nd-pink">Pink</button> <button type="button" class="button nd-white">White</button> <button type="button" class="button standard nd-white">White</button> <button type="button" class="button nd-gray">Gray</button> <button type="button" class="button standard nd-gray">Gray</button> 버튼그룹 Basic Secondary Success Warning Alert Pink White Gray Basic Secondary Success Warning Alert Pink White Gray 코드보기 <div class="button-group"> <button type="button" class="button">Basic</button> <button type="button" class="button secondary">Secondary</button> <button type="button" class="button success">Success</button> <button type="button" class="button warning">Warning</button> <button type="button" class="button alert">Alert</button> <button type="button" class="button nd-pink">Pink</button> <button type="button" class="button nd-white">White</button> <button type="button" class="button nd-gray">Gray</button> </div> <div class="button-group"> <button type="button" class="button standard">Basic</button> <button type="button" class="button standard secondary">Secondary</button> <button type="button" class="button standard success">Success</button> <button type="button" class="button standard warning">Warning</button> <button type="button" class="button standard alert">Alert</button> <button type="button" class="button standard nd-pink">Pink</button> <button type="button" class="button standard nd-white">White</button> <button type="button" class="button standard nd-gray">Gray</button> </div> 아웃라인 Basic Secondary Success Warning Alert Pink Gray 코드보기 <button type="button" class="hollow button">Basic</button> <button type="button" class="hollow button secondary">Secondary</button> <button type="button" class="hollow button success">Success</button> <button type="button" class="hollow button warning">Warning</button> <button type="button" class="hollow button alert">Alert</button> <button type="button" class="hollow button nd-pink">Pink</button> <button type="button" class="hollow button nd-gray">Gray</button> 크기 Button Button Button Button Button 코드보기 <button type="button" class="button tiny">Button</button> <button type="button" class="button small">Button</button> <button type="button" class="button">Button</button> <button type="button" class="button large">Button</button> <button type="button" class="button expanded">Button</button> 드롭다운 Dropdown Button Dropdown Button Dropdown Button Dropdown Button Dropdown Button 코드보기 <button class="tiny dropdown button">Dropdown Button</button> <button class="small dropdown button">Dropdown Button</button> <button class="dropdown button">Dropdown Button</button> <button class="large dropdown button">Dropdown Button</button> <button class="expanded dropdown button">Dropdown Button</button> 닫기 Close 코드보기 <button class="button" type="button"> <span class="show-for-sr">Close</span> <span aria-hidden="true"><i class="fa fa-times"></i></span> </button>