diff --git a/snippets/Accordion.md b/snippets/Accordion.md index c5d7f9d3b..51154f6cd 100644 --- a/snippets/Accordion.md +++ b/snippets/Accordion.md @@ -1,6 +1,6 @@ --- title: Accordion -tags: visual,children,state,advanced +tags: components,children,state,advanced --- Renders an accordion menu with multiple collapsible content components. diff --git a/snippets/Alert.md b/snippets/Alert.md index bb4631d51..e5edcee2e 100644 --- a/snippets/Alert.md +++ b/snippets/Alert.md @@ -1,6 +1,6 @@ --- title: Alert -tags: visual,beginner,state,effect +tags: components,beginner,state,effect --- Creates an alert component with `type` prop. @@ -9,7 +9,7 @@ Creates an alert component with `type` prop. - Use the `React.setState()` hook to create the `isShown` and `isLeaving` state variables and set their values to `false`. - Define `timeoutId` to keep the timer instance for clearing on component unmount. - Use the `React.setEffect()` hook to update the value of `isShown` to `true` and clear interval by using `timeoutId` when component is unmounted. -- Define `closeNotification` function to set the component is removed from DOM by displaying fading out animation and set `isShown` to `false` via `setTimeout()`. +- Define `closeNotification` function to set the component is removed from DOM by displaying fading out animation and set `isShown` to `false` via `setTimeout()`. - Define the component, which renders the alert component with user defined `message` and a close button to remove the component from DOM. ```css diff --git a/snippets/AutoLink.md b/snippets/AutoLink.md index eed1e0e4f..70f077b93 100644 --- a/snippets/AutoLink.md +++ b/snippets/AutoLink.md @@ -1,6 +1,6 @@ --- title: AutoLink -tags: visual,string,fragment,regexp,advanced +tags: components,string,fragment,regexp,advanced --- Renders a string as plaintext, with URLs converted to appropriate `` elements. diff --git a/snippets/Carousel.md b/snippets/Carousel.md index 4b220b614..f9c585090 100644 --- a/snippets/Carousel.md +++ b/snippets/Carousel.md @@ -1,6 +1,6 @@ --- title: Carousel -tags: visual,children,state,effect,intermediate +tags: components,children,state,effect,intermediate --- Renders a carousel component. diff --git a/snippets/Collapse.md b/snippets/Collapse.md index 6da4dade0..e182ca6da 100644 --- a/snippets/Collapse.md +++ b/snippets/Collapse.md @@ -1,6 +1,6 @@ --- title: Collapse -tags: visual,children,state,intermediate +tags: components,children,state,intermediate --- Renders a component with collapsible content. diff --git a/snippets/ControlledInput.md b/snippets/ControlledInput.md index 5e33c7ac0..46a5562f8 100644 --- a/snippets/ControlledInput.md +++ b/snippets/ControlledInput.md @@ -1,6 +1,6 @@ --- title: ControlledInput -tags: input,state,effect,intermediate +tags: components,state,effect,intermediate --- Renders an `` element with internal state, that uses a callback function to pass its value to the parent component. diff --git a/snippets/CountDown.md b/snippets/CountDown.md index d72042f3e..e8a517d6d 100644 --- a/snippets/CountDown.md +++ b/snippets/CountDown.md @@ -1,6 +1,6 @@ --- title: CountDown -tags: visual,state,advanced +tags: components,state,advanced --- Renders a countdown timer that prints a message when it reaches zero. diff --git a/snippets/DataList.md b/snippets/DataList.md index becc88cbb..61efad250 100644 --- a/snippets/DataList.md +++ b/snippets/DataList.md @@ -1,6 +1,6 @@ --- title: DataList -tags: array,beginner +tags: components,array,beginner --- Renders a list of elements from an array of primitives. diff --git a/snippets/DataTable.md b/snippets/DataTable.md index 2791bb052..1ff0dc8a6 100644 --- a/snippets/DataTable.md +++ b/snippets/DataTable.md @@ -1,6 +1,6 @@ --- title: DataTable -tags: array,beginner +tags: components,array,beginner --- Renders a table with rows dynamically created from an array of primitives. diff --git a/snippets/FileDrop.md b/snippets/FileDrop.md index a5277a893..8660cff80 100644 --- a/snippets/FileDrop.md +++ b/snippets/FileDrop.md @@ -1,6 +1,6 @@ --- title: FileDrop -tags: visual,input,state,effect,event,intermediate +tags: components,input,state,effect,event,intermediate --- Renders a file drag and drop component for a single file. diff --git a/snippets/LimitedTextarea.md b/snippets/LimitedTextarea.md index 897c6eec1..0d3ddbbf4 100644 --- a/snippets/LimitedTextarea.md +++ b/snippets/LimitedTextarea.md @@ -1,6 +1,6 @@ --- title: LimitedTextarea -tags: input,state,effect,event,beginner +tags: components,state,effect,event,beginner --- Renders a textarea component with a character limit. diff --git a/snippets/LimitedWordTextarea.md b/snippets/LimitedWordTextarea.md index f8e29ee77..049951932 100644 --- a/snippets/LimitedWordTextarea.md +++ b/snippets/LimitedWordTextarea.md @@ -1,6 +1,6 @@ --- title: LimitedWordTextarea -tags: input,state,effect,event,beginner +tags: components,input,state,effect,event,beginner --- Renders a textarea component with a word limit. diff --git a/snippets/Loader.md b/snippets/Loader.md index aaccdcfa2..d05f1a268 100644 --- a/snippets/Loader.md +++ b/snippets/Loader.md @@ -1,6 +1,6 @@ --- title: Loader -tags: visual,beginner +tags: components,beginner --- Creates a spinning loader component. diff --git a/snippets/Mailto.md b/snippets/Mailto.md index 66df79fe9..5a0a77932 100644 --- a/snippets/Mailto.md +++ b/snippets/Mailto.md @@ -1,6 +1,6 @@ --- title: Mailto -tags: visual,beginner +tags: components,beginner --- Renders a link formatted to send an email. diff --git a/snippets/MappedTable.md b/snippets/MappedTable.md index 7abdae1f9..85722a211 100644 --- a/snippets/MappedTable.md +++ b/snippets/MappedTable.md @@ -1,6 +1,6 @@ --- title: MappedTable -tags: array,object,intermediate +tags: components,array,object,intermediate --- Renders a table with rows dynamically created from an array of objects and a list of property names. diff --git a/snippets/Modal.md b/snippets/Modal.md index ba086f299..3294f5121 100644 --- a/snippets/Modal.md +++ b/snippets/Modal.md @@ -1,6 +1,6 @@ --- title: Modal -tags: visual,effect,intermediate +tags: components,effect,intermediate --- Renders a Modal component, controllable through events. diff --git a/snippets/MultiselectCheckbox.md b/snippets/MultiselectCheckbox.md index 72aa820d8..6663215af 100644 --- a/snippets/MultiselectCheckbox.md +++ b/snippets/MultiselectCheckbox.md @@ -1,6 +1,6 @@ --- title: MultiselectCheckbox -tags: input,state,array,intermediate +tags: components,input,state,array,intermediate --- Renders a checkbox list that uses a callback function to pass its selected value/values to the parent component. diff --git a/snippets/PasswordRevealer.md b/snippets/PasswordRevealer.md index 518ed2460..af3ec073f 100644 --- a/snippets/PasswordRevealer.md +++ b/snippets/PasswordRevealer.md @@ -1,6 +1,6 @@ --- title: PasswordRevealer -tags: input,state,beginner +tags: components,input,state,beginner --- Renders a password input field with a reveal button. diff --git a/snippets/RippleButton.md b/snippets/RippleButton.md index 513b4f521..0229269cb 100644 --- a/snippets/RippleButton.md +++ b/snippets/RippleButton.md @@ -1,6 +1,6 @@ --- title: RippleButton -tags: visual,state,effect,intermediate +tags: components,state,effect,intermediate --- Renders a button that animates a ripple effect when clicked. diff --git a/snippets/Select.md b/snippets/Select.md index 9d346a638..f4d979a93 100644 --- a/snippets/Select.md +++ b/snippets/Select.md @@ -1,6 +1,6 @@ --- title: Select -tags: input,beginner +tags: components,input,beginner --- Renders a `