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
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.

View File

@ -1,6 +1,8 @@
---
title: Alert
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.

View File

@ -1,6 +1,8 @@
---
title: AutoLink
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.

View File

@ -2,6 +2,8 @@
title: Callto
tags: components,beginner
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).

View File

@ -1,6 +1,8 @@
---
title: Carousel
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.

View File

@ -1,6 +1,8 @@
---
title: Collapse
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.

View File

@ -1,6 +1,8 @@
---
title: ControlledInput
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.

View File

@ -1,6 +1,8 @@
---
title: CountDown
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.

View File

@ -1,6 +1,8 @@
---
title: DataList
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.

View File

@ -1,6 +1,8 @@
---
title: DataTable
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.

View File

@ -1,6 +1,8 @@
---
title: FileDrop
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.

View File

@ -1,6 +1,8 @@
---
title: LimitedTextarea
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.

View File

@ -1,6 +1,8 @@
---
title: LimitedWordTextarea
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.

View File

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

View File

@ -1,6 +1,8 @@
---
title: Mailto
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).

View File

@ -1,6 +1,8 @@
---
title: MappedTable
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.

View File

@ -1,6 +1,8 @@
---
title: Modal
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.

View File

@ -1,6 +1,8 @@
---
title: MultiselectCheckbox
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.

View File

@ -1,6 +1,8 @@
---
title: PasswordRevealer
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.

View File

@ -1,6 +1,8 @@
---
title: RippleButton
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.

View File

@ -1,6 +1,8 @@
---
title: Select
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.

View File

@ -1,6 +1,8 @@
---
title: Slider
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.

View File

@ -1,6 +1,8 @@
---
title: StarRating
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.

View File

@ -1,6 +1,8 @@
---
title: Tabs
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.

View File

@ -1,6 +1,8 @@
---
title: TagInput
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.

View File

@ -1,6 +1,8 @@
---
title: TextArea
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.

View File

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

View File

@ -1,6 +1,8 @@
---
title: Tooltip
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.

View File

@ -1,6 +1,8 @@
---
title: TreeView
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.

View File

@ -1,6 +1,8 @@
---
title: UncontrolledInput
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.

View File

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

View File

@ -1,6 +1,8 @@
---
title: useClickInside
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.

View File

@ -1,6 +1,8 @@
---
title: useClickOutside
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.

View File

@ -1,6 +1,8 @@
---
title: useComponentDidMount
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.

View File

@ -1,6 +1,8 @@
---
title: useComponentWillUnmount
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.

View File

@ -1,6 +1,8 @@
---
title: useCopyToClipboard
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.

View File

@ -1,6 +1,8 @@
---
title: useDebounce
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.

View File

@ -1,6 +1,8 @@
---
title: useFetch
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.

View File

@ -1,6 +1,8 @@
---
title: useInterval
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.

View File

@ -1,6 +1,8 @@
---
title: useMediaQuery
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.

View File

@ -1,6 +1,8 @@
---
title: useNavigatorOnLine
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.

View File

@ -1,6 +1,8 @@
---
title: usePersistedState
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.

View File

@ -1,6 +1,8 @@
---
title: usePrevious
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.

View File

@ -1,6 +1,8 @@
---
title: useSSR
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.

View File

@ -1,6 +1,8 @@
---
title: useTimeout
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.

View File

@ -1,6 +1,8 @@
---
title: useToggler
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.

View File

@ -1,6 +1,8 @@
---
title: useUnload
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.