From f46f16c161444561916f5de501e2baf086cf196e Mon Sep 17 00:00:00 2001 From: Idorenyin Udoh Date: Tue, 4 Feb 2025 19:33:15 +0100 Subject: [PATCH] docs: fix spelling error in component.md (#348) * docs: fix spelling error in component.md * docs: fix grammatical error in component.md --- docs/content/2.usage/1.component.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/content/2.usage/1.component.md b/docs/content/2.usage/1.component.md index f5030f65..cbc0b818 100644 --- a/docs/content/2.usage/1.component.md +++ b/docs/content/2.usage/1.component.md @@ -174,7 +174,7 @@ Works nicely with the [NuxtIcon](https://github.com/nuxt-modules/icon) module, i ## Styling -The `` component comes unstyled by default, only providing some minimal flex properties to correctly align icon and label, to allow for easy integration in any kind of UI. This behavoir can be easily overridden by using the `:styled="true"` prop. +The `` component comes unstyled by default, only providing some minimal flex properties to correctly align icon and label, to allow for easy integration in any kind of UI. This behavior can be easily overridden by using the `:styled="true"` prop. Both the styled and unstyled versions can be further customized, mainly by working directly with its CSS. In addition to the CSS classes shown above, each button also has a *local* `--color-brand` CSS variable, that can be used to customize each instance.