InlineCode 컴포넌트

InlineCode 컴포넌트는 문장 내에 짧은 코드 조각이나 강조해야 하는 텍스트를 표시할 때 사용하는 컴포넌트입니다.

console.log('Hello World');

기본 사용법

<template>
    <p>
        이 코드는 <InlineCode text="console.log('Hello World');" /> 를
        출력합니다.
    </p>
</template>

<script setup lang="ts">
import { InlineCode } from '@jennifersoft/vue-components-v2';
</script>

Props

Prop	타입	필수	기본값	설명
text	string	✓	-	표시될 텍스트입니다.
size	'mini' | 'small' | 'medium' | 'large'	-	'medium'	텍스트의 크기를 지정합니다.
type	'default' | 'danger'	-	'default'	InlineCode의 타입을 지정합니다.
linkable	boolean	-	false	true일 경우 마우스를 올렸을 때 링크처럼 동작하는 스타일(커서, 밑줄 등)이 적용됩니다.

사용 예시

Size 별 케이스

mini:

npm install

small:

npm run serve

medium (default):

npm run dev

large:

npm run build

---

Type 별 케이스

default:

git commit -m 'feat: add component'

danger:

rm -rf /

---

Linkable 케이스

linkable / default:

https://github.com

linkable / danger:

Delete User Account