상점

기업

The v-btn component replaces the standard html button with a material design theme and a multitude of options. Any color helper class can be used to alter the background or text color.

Buttons in their simplest form contain uppercase text, a slight elevation, hover effect, and a ripple effect on click.

Options

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

평평한 플랫 버튼은 박스 그림자와 배경이 없습니다. 마우스 포인터를 버튼 컨테이너 위에 올려야만 (Only on hover) 버튼 형태가 보입니다.

Raised 버튼은 클릭할때 박스의 그림자가 커집니다. 버튼의 기본 스타일입니다.

Depressed 버튼은 여전히 배경색을 관리하지만 박스 그림자가 없습니다.

Button dropdowns are regular selects with additional styling.

아이콘은 버튼의 주요 컨텐츠로 사용될 수 있습니다.

Floating buttons are rounded and usually contain an icon.

여러 시나리오에 따른 다양한 크기 옵션이 있습니다.

Outlined buttons inherit their borders from the current color applied.

Rounded buttons behave the same as regular buttons but have rounded edges.

Tile buttons behave the same as regular buttons but have no border radius.

블럭 버튼은 너비가 가능한 최대값으로 확장됩니다.

loading prop을 사용해서 사용자에게 어떤 것이 진행되고 있다는 것을 알릴 수 있습니다. 기본적으로는 v-progress-circular가 사용되지만 커스터마이즈 할 수 있습니다.

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!