---
title: "capitalize"
description: "The module capitalize is a function that adds a capital letter to a string"
package: "@maz-ui/utils"
url: "https://maz-ui.com/ecosystem/utils/capitalize"
---

# capitalize

> The module capitalize is a function that adds a capital letter to a string

- Package: `@maz-ui/utils`
- Import: `import { capitalize } from '@maz-ui/utils/helpers/capitalize'`
- Web: https://maz-ui.com/ecosystem/utils/capitalize

```vue
<script lang="ts" setup>
import { capitalize } from '@maz-ui/utils'
import { computed, ref } from 'vue'

const stringValue = ref('string value')

const stringFormatted = computed(() =>
  capitalize(stringValue.value),
)
</script>

<template>
  <MazInput v-model="stringValue" />

  <div
    class="flex flex-center rounded-md gap-0.5 p-4 mt-16 bg-surface-300"
  >
    {{ stringFormatted }}
  </div>
</template>
```