Bake dates into snippets

This commit is contained in:
Isabelle Viktoria Maciohsek
2021-06-13 19:44:42 +03:00
parent a676be8c5f
commit 2af2490ca8
47 changed files with 94 additions and 0 deletions

View File

@ -1,6 +1,8 @@
--- ---
title: Accordion title: Accordion
tags: components,children,state,advanced tags: components,children,state,advanced
firstSeen: 2019-03-02T10:46:34+02:00
lastUpdated: 2021-01-07T23:57:13+02:00
--- ---
Renders an accordion menu with multiple collapsible content elements. Renders an accordion menu with multiple collapsible content elements.

View File

@ -1,6 +1,8 @@
--- ---
title: Alert title: Alert
tags: components,state,effect,beginner tags: components,state,effect,beginner
firstSeen: 2019-09-17T13:19:30+03:00
lastUpdated: 2021-01-07T23:57:13+02:00
--- ---
Renders an alert component with `type` prop. Renders an alert component with `type` prop.

View File

@ -1,6 +1,8 @@
--- ---
title: AutoLink title: AutoLink
tags: components,fragment,regexp,intermediate tags: components,fragment,regexp,intermediate
firstSeen: 2018-12-05T15:04:49+02:00
lastUpdated: 2020-11-03T20:42:15+02:00
--- ---
Renders a string as plaintext, with URLs converted to appropriate link elements. Renders a string as plaintext, with URLs converted to appropriate link elements.

View File

@ -2,6 +2,8 @@
title: Callto title: Callto
tags: components,beginner tags: components,beginner
unlisted: true unlisted: true
firstSeen: 2020-10-04T00:07:37+03:00
lastUpdated: 2021-01-04T12:32:47+02:00
--- ---
Renders a link formatted to call a phone number (`tel:` link). Renders a link formatted to call a phone number (`tel:` link).

View File

@ -1,6 +1,8 @@
--- ---
title: Carousel title: Carousel
tags: components,children,state,effect,advanced tags: components,children,state,effect,advanced
firstSeen: 2018-11-13T21:24:55+02:00
lastUpdated: 2020-11-03T20:42:15+02:00
--- ---
Renders a carousel component. Renders a carousel component.

View File

@ -1,6 +1,8 @@
--- ---
title: Collapse title: Collapse
tags: components,children,state,beginner tags: components,children,state,beginner
firstSeen: 2018-10-17T20:42:23+03:00
lastUpdated: 2020-11-03T20:42:15+02:00
--- ---
Renders a component with collapsible content. Renders a component with collapsible content.

View File

@ -1,6 +1,8 @@
--- ---
title: ControlledInput title: ControlledInput
tags: components,input,intermediate tags: components,input,intermediate
firstSeen: 2019-08-21T13:09:10+03:00
lastUpdated: 2020-11-03T21:08:39+02:00
--- ---
Renders a controlled `<input>` element that uses a callback function to inform its parent about value updates. Renders a controlled `<input>` element that uses a callback function to inform its parent about value updates.

View File

@ -1,6 +1,8 @@
--- ---
title: CountDown title: CountDown
tags: components,state,advanced tags: components,state,advanced
firstSeen: 2019-02-06T14:39:31+02:00
lastUpdated: 2020-11-26T23:57:34+02:00
--- ---
Renders a countdown timer that prints a message when it reaches zero. Renders a countdown timer that prints a message when it reaches zero.

View File

@ -1,6 +1,8 @@
--- ---
title: DataList title: DataList
tags: components,beginner tags: components,beginner
firstSeen: 2018-11-29T12:12:24+02:00
lastUpdated: 2020-11-03T21:26:34+02:00
--- ---
Renders a list of elements from an array of primitives. Renders a list of elements from an array of primitives.

View File

@ -1,6 +1,8 @@
--- ---
title: DataTable title: DataTable
tags: components,beginner tags: components,beginner
firstSeen: 2018-11-29T11:13:59+02:00
lastUpdated: 2020-11-03T21:26:34+02:00
--- ---
Renders a table with rows dynamically created from an array of primitives. Renders a table with rows dynamically created from an array of primitives.

View File

@ -1,6 +1,8 @@
--- ---
title: FileDrop title: FileDrop
tags: components,input,state,effect,event,advanced tags: components,input,state,effect,event,advanced
firstSeen: 2019-02-02T12:17:27+02:00
lastUpdated: 2020-11-26T09:43:21+02:00
--- ---
Renders a file drag and drop component for a single file. Renders a file drag and drop component for a single file.

View File

@ -1,6 +1,8 @@
--- ---
title: LimitedTextarea title: LimitedTextarea
tags: components,state,callback,event,beginner tags: components,state,callback,event,beginner
firstSeen: 2018-10-19T09:11:59+03:00
lastUpdated: 2020-11-16T16:50:57+02:00
--- ---
Renders a textarea component with a character limit. Renders a textarea component with a character limit.

View File

@ -1,6 +1,8 @@
--- ---
title: LimitedWordTextarea title: LimitedWordTextarea
tags: components,input,state,callback,effect,event,intermediate tags: components,input,state,callback,effect,event,intermediate
firstSeen: 2019-02-20T18:22:22+02:00
lastUpdated: 2021-01-07T23:57:13+02:00
--- ---
Renders a textarea component with a word limit. Renders a textarea component with a word limit.

View File

@ -1,6 +1,8 @@
--- ---
title: Loader title: Loader
tags: components,beginner tags: components,beginner
firstSeen: 2019-09-11T21:59:12+03:00
lastUpdated: 2020-11-16T15:17:26+02:00
--- ---
Renders a spinning loader component. Renders a spinning loader component.

View File

@ -1,6 +1,8 @@
--- ---
title: Mailto title: Mailto
tags: components,beginner tags: components,beginner
firstSeen: 2019-01-28T20:10:51+02:00
lastUpdated: 2020-11-16T15:17:26+02:00
--- ---
Renders a link formatted to send an email (`mailto:` link). Renders a link formatted to send an email (`mailto:` link).

View File

@ -1,6 +1,8 @@
--- ---
title: MappedTable title: MappedTable
tags: components,array,object,intermediate tags: components,array,object,intermediate
firstSeen: 2018-11-29T11:50:10+02:00
lastUpdated: 2020-09-06T14:20:45+03:00
--- ---
Renders a table with rows dynamically created from an array of objects and a list of property names. Renders a table with rows dynamically created from an array of objects and a list of property names.

View File

@ -1,6 +1,8 @@
--- ---
title: Modal title: Modal
tags: components,effect,intermediate tags: components,effect,intermediate
firstSeen: 2019-03-11T11:25:06+02:00
lastUpdated: 2020-11-25T21:12:16+02:00
--- ---
Renders a Modal component, controllable through events. Renders a Modal component, controllable through events.

View File

@ -1,6 +1,8 @@
--- ---
title: MultiselectCheckbox title: MultiselectCheckbox
tags: components,input,state,array,intermediate tags: components,input,state,array,intermediate
firstSeen: 2019-01-27T09:25:57+02:00
lastUpdated: 2020-11-26T23:57:34+02:00
--- ---
Renders a checkbox list that uses a callback function to pass its selected value/values to the parent component. Renders a checkbox list that uses a callback function to pass its selected value/values to the parent component.

View File

@ -1,6 +1,8 @@
--- ---
title: PasswordRevealer title: PasswordRevealer
tags: components,input,state,beginner tags: components,input,state,beginner
firstSeen: 2018-10-18T20:04:22+03:00
lastUpdated: 2020-11-25T20:46:35+02:00
--- ---
Renders a password input field with a reveal button. Renders a password input field with a reveal button.

View File

@ -1,6 +1,8 @@
--- ---
title: RippleButton title: RippleButton
tags: components,state,effect,intermediate tags: components,state,effect,intermediate
firstSeen: 2019-09-10T09:07:29+03:00
lastUpdated: 2020-11-26T09:43:21+02:00
--- ---
Renders a button that animates a ripple effect when clicked. Renders a button that animates a ripple effect when clicked.

View File

@ -1,6 +1,8 @@
--- ---
title: Select title: Select
tags: components,input,beginner tags: components,input,beginner
firstSeen: 2018-12-10T10:48:03+02:00
lastUpdated: 2020-11-25T20:46:35+02:00
--- ---
Renders an uncontrolled `<select>` element that uses a callback function to pass its value to the parent component. Renders an uncontrolled `<select>` element that uses a callback function to pass its value to the parent component.

View File

@ -1,6 +1,8 @@
--- ---
title: Slider title: Slider
tags: components,input,beginner tags: components,input,beginner
firstSeen: 2019-03-02T10:20:55+02:00
lastUpdated: 2020-11-25T20:46:35+02:00
--- ---
Renders an uncontrolled range input element that uses a callback function to pass its value to the parent component. Renders an uncontrolled range input element that uses a callback function to pass its value to the parent component.

View File

@ -1,6 +1,8 @@
--- ---
title: StarRating title: StarRating
tags: components,children,input,state,intermediate tags: components,children,input,state,intermediate
firstSeen: 2018-10-18T14:33:45+03:00
lastUpdated: 2020-11-26T23:57:34+02:00
--- ---
Renders a star rating component. Renders a star rating component.

View File

@ -1,6 +1,8 @@
--- ---
title: Tabs title: Tabs
tags: components,state,children,intermediate tags: components,state,children,intermediate
firstSeen: 2019-01-27T11:59:52+02:00
lastUpdated: 2020-11-25T20:46:35+02:00
--- ---
Renders a tabbed menu and view component. Renders a tabbed menu and view component.

View File

@ -1,6 +1,8 @@
--- ---
title: TagInput title: TagInput
tags: components,input,state,intermediate tags: components,input,state,intermediate
firstSeen: 2019-10-02T10:06:11+03:00
lastUpdated: 2020-11-25T21:12:16+02:00
--- ---
Renders a tag input field. Renders a tag input field.

View File

@ -1,6 +1,8 @@
--- ---
title: TextArea title: TextArea
tags: components,input,beginner tags: components,input,beginner
firstSeen: 2018-12-10T10:45:51+02:00
lastUpdated: 2020-11-25T20:46:35+02:00
--- ---
Renders an uncontrolled `<textarea>` element that uses a callback function to pass its value to the parent component. Renders an uncontrolled `<textarea>` element that uses a callback function to pass its value to the parent component.

View File

@ -1,6 +1,8 @@
--- ---
title: Toggle title: Toggle
tags: components,state,beginner tags: components,state,beginner
firstSeen: 2018-10-27T20:35:37+03:00
lastUpdated: 2020-11-16T16:50:57+02:00
--- ---
Renders a toggle component. Renders a toggle component.

View File

@ -1,6 +1,8 @@
--- ---
title: Tooltip title: Tooltip
tags: components,state,children,beginner tags: components,state,children,beginner
firstSeen: 2018-11-13T20:21:24+02:00
lastUpdated: 2020-11-16T15:17:26+02:00
--- ---
Renders a tooltip component. Renders a tooltip component.

View File

@ -1,6 +1,8 @@
--- ---
title: TreeView title: TreeView
tags: components,object,state,recursion,advanced tags: components,object,state,recursion,advanced
firstSeen: 2019-02-06T22:17:03+02:00
lastUpdated: 2020-11-16T16:50:57+02:00
--- ---
Renders a tree view of a JSON object or array with collapsible content. Renders a tree view of a JSON object or array with collapsible content.

View File

@ -1,6 +1,8 @@
--- ---
title: UncontrolledInput title: UncontrolledInput
tags: components,input,intermediate tags: components,input,intermediate
firstSeen: 2019-08-21T12:28:50+03:00
lastUpdated: 2020-11-03T21:08:39+02:00
--- ---
Renders an uncontrolled `<input>` element that uses a callback function to inform its parent about value updates. Renders an uncontrolled `<input>` element that uses a callback function to inform its parent about value updates.

View File

@ -1,6 +1,8 @@
--- ---
title: useAsync title: useAsync
tags: hooks,state,reducer,advanced tags: hooks,state,reducer,advanced
firstSeen: 2020-01-09T20:22:12+02:00
lastUpdated: 2021-01-07T23:57:13+02:00
--- ---
Handles asynchronous calls. Handles asynchronous calls.

View File

@ -1,6 +1,8 @@
--- ---
title: useClickInside title: useClickInside
tags: hooks,effect,event,intermediate tags: hooks,effect,event,intermediate
firstSeen: 2019-08-21T13:09:10+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
--- ---
Handles the event of clicking inside the wrapped component. Handles the event of clicking inside the wrapped component.

View File

@ -1,6 +1,8 @@
--- ---
title: useClickOutside title: useClickOutside
tags: hooks,effect,event,intermediate tags: hooks,effect,event,intermediate
firstSeen: 2019-08-21T13:09:10+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
--- ---
Handles the event of clicking outside of the wrapped component. Handles the event of clicking outside of the wrapped component.

View File

@ -1,6 +1,8 @@
--- ---
title: useComponentDidMount title: useComponentDidMount
tags: hooks,effect,beginner tags: hooks,effect,beginner
firstSeen: 2020-01-03T15:56:54+02:00
lastUpdated: 2020-11-16T14:17:53+02:00
--- ---
Executes a callback immediately after a component is mounted. Executes a callback immediately after a component is mounted.

View File

@ -1,6 +1,8 @@
--- ---
title: useComponentWillUnmount title: useComponentWillUnmount
tags: hooks,effect,beginner tags: hooks,effect,beginner
firstSeen: 2020-01-03T16:00:56+02:00
lastUpdated: 2020-11-16T14:17:53+02:00
--- ---
Executes a callback immediately before a component is unmounted and destroyed. Executes a callback immediately before a component is unmounted and destroyed.

View File

@ -1,6 +1,8 @@
--- ---
title: useCopyToClipboard title: useCopyToClipboard
tags: hooks,effect,state,callback,advanced tags: hooks,effect,state,callback,advanced
firstSeen: 2020-04-22T18:51:30+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
--- ---
Copies the given text to the clipboard. Copies the given text to the clipboard.

View File

@ -1,6 +1,8 @@
--- ---
title: useDebounce title: useDebounce
tags: hooks,state,effect,intermediate tags: hooks,state,effect,intermediate
firstSeen: 2021-01-04T16:48:43+02:00
lastUpdated: 2021-01-04T16:48:43+02:00
--- ---
Debounces the given value. Debounces the given value.

View File

@ -1,6 +1,8 @@
--- ---
title: useFetch title: useFetch
tags: hooks,effect,state,intermediate tags: hooks,effect,state,intermediate
firstSeen: 2019-08-21T14:23:57+03:00
lastUpdated: 2021-01-07T23:57:13+02:00
--- ---
Implements `fetch` in a declarative manner. Implements `fetch` in a declarative manner.

View File

@ -1,6 +1,8 @@
--- ---
title: useInterval title: useInterval
tags: hooks,effect,intermediate tags: hooks,effect,intermediate
firstSeen: 2019-08-21T13:18:52+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
--- ---
Implements `setInterval` in a declarative manner. Implements `setInterval` in a declarative manner.

View File

@ -1,6 +1,8 @@
--- ---
title: useMediaQuery title: useMediaQuery
tags: hooks,state,effect,intermediate tags: hooks,state,effect,intermediate
firstSeen: 2020-01-03T14:39:46+02:00
lastUpdated: 2020-11-16T14:17:53+02:00
--- ---
Checks if the current environment matches a given media query and returns the appropriate value. Checks if the current environment matches a given media query and returns the appropriate value.

View File

@ -1,6 +1,8 @@
--- ---
title: useNavigatorOnLine title: useNavigatorOnLine
tags: hooks,state,effect,intermediate tags: hooks,state,effect,intermediate
firstSeen: 2019-09-11T09:17:26+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
--- ---
Checks if the client is online or offline. Checks if the client is online or offline.

View File

@ -1,6 +1,8 @@
--- ---
title: usePersistedState title: usePersistedState
tags: hooks,state,effect,advanced tags: hooks,state,effect,advanced
firstSeen: 2020-11-29T14:16:36+02:00
lastUpdated: 2020-11-29T14:16:36+02:00
--- ---
Returns a stateful value, persisted in `localStorage`, and a function to update it. Returns a stateful value, persisted in `localStorage`, and a function to update it.

View File

@ -1,6 +1,8 @@
--- ---
title: usePrevious title: usePrevious
tags: hooks,state,effect,beginner tags: hooks,state,effect,beginner
firstSeen: 2020-01-03T09:50:22+02:00
lastUpdated: 2020-11-16T14:17:53+02:00
--- ---
Stores the previous state or props. Stores the previous state or props.

View File

@ -1,6 +1,8 @@
--- ---
title: useSSR title: useSSR
tags: hooks,effect,state,memo,intermediate tags: hooks,effect,state,memo,intermediate
firstSeen: 2019-08-24T13:18:16+03:00
lastUpdated: 2021-03-10T06:38:42+02:00
--- ---
Checks if the code is running on the browser or the server. Checks if the code is running on the browser or the server.

View File

@ -1,6 +1,8 @@
--- ---
title: useTimeout title: useTimeout
tags: hooks,effect,intermediate tags: hooks,effect,intermediate
firstSeen: 2019-08-21T13:20:57+03:00
lastUpdated: 2020-11-16T14:17:53+02:00
--- ---
Implements `setTimeout` in a declarative manner. Implements `setTimeout` in a declarative manner.

View File

@ -1,6 +1,8 @@
--- ---
title: useToggler title: useToggler
tags: hooks,state,callback,beginner tags: hooks,state,callback,beginner
firstSeen: 2020-11-27T09:41:31+02:00
lastUpdated: 2020-11-27T09:41:31+02:00
--- ---
Provides a boolean state variable that can be toggled between its two states. Provides a boolean state variable that can be toggled between its two states.

View File

@ -1,6 +1,8 @@
--- ---
title: useUnload title: useUnload
tags: hooks,effect,event,intermediate tags: hooks,effect,event,intermediate
firstSeen: 2020-10-05T17:53:24+03:00
lastUpdated: 2020-11-29T14:16:36+02:00
--- ---
Handles the `beforeunload` window event. Handles the `beforeunload` window event.