kind
default
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
default
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
kind
external
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
external
raw-code
{{< cta
kind = "external"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
kind
related
kind
related
raw-code
{{< cta
kind = "related"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
kind
consult
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
consult
raw-code
{{< cta
kind = "consult"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
kind
download
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
download
raw-code
{{< cta
kind = "download"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
kind
newsletter
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
newsletter
raw-code
{{< cta
kind = "newsletter"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
kind
trial
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
trial
raw-code
{{< cta
kind = "trial"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
kind
price_check
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
price_check
raw-code
{{< cta
kind = "price_check"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
kind
utility
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
utility
raw-code
{{< cta
kind = "utility"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
kind
custom
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
custom
raw-code
{{< cta
kind = "custom"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
kind
internal
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
internal
raw-code
{{< cta
kind = "internal"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
kind
copy
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
copy
raw-code
{{< cta
kind = "copy"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
kind
custom_offer
BASECTA 버튼입니다
기본 동작을 확인합니다.
kind
custom_offer
raw-code
{{< cta
kind = "custom_offer"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
priority
primary
BASECTA 버튼입니다
기본 동작을 확인합니다.
priority
primary
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
priority
secondary
BASECTA 버튼입니다
기본 동작을 확인합니다.
priority
secondary
raw-code
{{< cta
kind = "default"
priority = "secondary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
priority
tertiary
BASECTA 버튼입니다
기본 동작을 확인합니다.
priority
tertiary
raw-code
{{< cta
kind = "default"
priority = "tertiary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
priority
utility
BASECTA 버튼입니다
기본 동작을 확인합니다.
priority
utility
raw-code
{{< cta
kind = "default"
priority = "utility"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
size
xs
BASECTA 버튼입니다
기본 동작을 확인합니다.
size
xs
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "xs"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
size
sm
BASECTA 버튼입니다
기본 동작을 확인합니다.
size
sm
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "sm"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
size
md
BASECTA 버튼입니다
기본 동작을 확인합니다.
size
md
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
size
lg
BASECTA 버튼입니다
기본 동작을 확인합니다.
size
lg
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "lg"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
size
xl
BASECTA 버튼입니다
기본 동작을 확인합니다.
size
xl
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "xl"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
tone
brand
BASECTA 버튼입니다
기본 동작을 확인합니다.
tone
brand
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "brand"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
tone
accent
BASECTA 버튼입니다
기본 동작을 확인합니다.
tone
accent
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "accent"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
tone
neutral
BASECTA 버튼입니다
기본 동작을 확인합니다.
tone
neutral
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
tone
muted
BASECTA 버튼입니다
기본 동작을 확인합니다.
tone
muted
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "muted"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
tone
success
BASECTA 버튼입니다
기본 동작을 확인합니다.
tone
success
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "success"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
tone
warning
BASECTA 버튼입니다
기본 동작을 확인합니다.
tone
warning
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "warning"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
tone
danger
BASECTA 버튼입니다
기본 동작을 확인합니다.
tone
danger
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "danger"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
align
left
BASECTA 버튼입니다
기본 동작을 확인합니다.
align
left
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "neutral"
align = "left"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
align
center
BASECTA 버튼입니다
기본 동작을 확인합니다.
align
center
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "neutral"
align = "center"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
align
right
BASECTA 버튼입니다
기본 동작을 확인합니다.
align
right
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "neutral"
align = "right"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}
align
stretch
BASECTA 버튼입니다
기본 동작을 확인합니다.
align
stretch
raw-code
{{< cta
kind = "default"
priority = "primary"
size = "md"
tone = "neutral"
align = "stretch"
badge = "BASE"
label = "CTA 버튼입니다"
surface = "after-content"
note = "기본 동작을 확인합니다."
target = "_self"
href = "https://example.com/"
rel = ""
aria_label = ""
tracking_id = ""
analytics_event = ""
id = ""
class = ""
disabled = "false"
>}}
id = "" class = ""
disabled = “false” />}}