Update tags for all snippets

Resolves #92

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.

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

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 `<a>` elements.

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.

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.

snippets/ControlledInput.md

@@ -1,6 +1,6 @@
 ---
 title: ControlledInput
-tags: input,state,effect,intermediate
+tags: components,state,effect,intermediate
 ---
 
 Renders an `<input>` element with internal state, that uses a callback function to pass its value to the parent component.

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.

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.

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.

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.

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.

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.

snippets/Loader.md

@@ -1,6 +1,6 @@
 ---
 title: Loader
-tags: visual,beginner
+tags: components,beginner
 ---
 
 Creates a spinning loader component.

snippets/Mailto.md

@@ -1,6 +1,6 @@
 ---
 title: Mailto
-tags: visual,beginner
+tags: components,beginner
 ---
 
 Renders a link formatted to send an email.

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.

snippets/Modal.md

@@ -1,6 +1,6 @@
 ---
 title: Modal
-tags: visual,effect,intermediate
+tags: components,effect,intermediate
 ---
 
 Renders a Modal component, controllable through events.

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.

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.

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.

snippets/Select.md

@@ -1,6 +1,6 @@
 ---
 title: Select
-tags: input,beginner
+tags: components,input,beginner
 ---
 
 Renders a `<select>` element that uses a callback function to pass its value to the parent component.

snippets/Slider.md

@@ -1,6 +1,6 @@
 ---
 title: Slider
-tags: input,beginner
+tags: components,input,beginner
 ---
 
 Renders a slider element that uses a callback function to pass its value to the parent component.

snippets/StarRating.md

@@ -1,6 +1,6 @@
 ---
 title: StarRating
-tags: visual,children,input,state,intermediate
+tags: components,children,input,state,intermediate
 ---
 
 Renders a star rating component.

snippets/Tabs.md

@@ -1,6 +1,6 @@
 ---
 title: Tabs
-tags: visual,state,children,intermediate
+tags: components,state,children,intermediate
 ---
 
 Renders a tabbed menu and view component.

snippets/TagInput.md

@@ -1,6 +1,6 @@
 ---
 title: TagInput
-tags: input,visual,state,intermediate
+tags: components,input,state,intermediate
 ---
 
 Renders a tag input field.

snippets/TextArea.md

@@ -1,6 +1,6 @@
 ---
 title: TextArea
-tags: input,beginner
+tags: components,input,beginner
 ---
 
 Renders a `<textarea>` element that uses a callback function to pass its value to the parent component.

snippets/Ticker.md

@@ -1,6 +1,6 @@
 ---
 title: Ticker
-tags: visual,state,beginner
+tags: components,state,beginner
 ---
 
 Renders a ticker component.

snippets/Toggle.md

@@ -1,6 +1,6 @@
 ---
 title: Toggle
-tags: visual,state,beginner
+tags: components,state,beginner
 ---
 
 Renders a toggle component.

snippets/Tooltip.md

@@ -1,6 +1,6 @@
 ---
 title: Tooltip
-tags: visual,state,children,beginner
+tags: components,state,children,beginner
 ---
 
 Renders a tooltip component.

snippets/TreeView.md

@@ -1,6 +1,6 @@
 ---
 title: TreeView
-tags: visual,object,state,recursion,advanced
+tags: components,object,state,recursion,advanced
 ---
 
 Renders a tree view of a JSON object or array with collapsible content.

snippets/UncontrolledInput.md

@@ -1,6 +1,6 @@
 ---
 title: UncontrolledInput
-tags: input,beginner
+tags: components,input,beginner
 ---
 
 Renders an `<input>` element that uses a callback function to pass its value to the parent component.