Boolean Symbol

Boolean-Symbol 컴포넌트는 불리언 값을 시각적으로 표현하는 아이콘 컴포넌트입니다.

이 컴포넌트는 <q-icon> 컴포넌트의 속성들을 그대로 상속받아 활용할 수 있습니다. 자세한 속성 목록은 공식문서를 참고하세요.

Props

Prop 이름	타입	기본값	설명
model-value	Boolean	false	체크 아이콘의 활성화 여부 (true면 초록색, false면 회색)
size	string	'1.4em'	sysmbol의 크기 지정 (xs, sm, md, lg, xl, 1.4em)

예제

예제

True

check_circle

False

check_circle

Size

check_circlecheck_circlecheck_circlecheck_circlecheck_circlecheck_circle

<!--True-->
<boolean-symbol :model-value="true"/>

<!--False-->
<boolean-symbol :model-value="false"/>

<!--Size 'xs'-->
<boolean-symbol :model-value="true" size="xs" />

<!--Size 'sm'-->
<boolean-symbol :model-value="true" size="sm" />

<!--Size 'md'-->
<boolean-symbol :model-value="true" size="md" />

<!--Size 'lg'-->
<boolean-symbol :model-value="true" size="lg" />

<!--Size 'xl'-->
<boolean-symbol :model-value="true" size="xl" />

<!--Size '50px'-->
<boolean-symbol :model-value="true" size="50px" />