Skip to content
This repository was archived by the owner on May 7, 2023. It is now read-only.

Commit b38ff6b

Browse files
ChalarangeloChalarangelo
authored
Merge pull request #133 from 30-seconds/updated-frontmatter
Updated frontmatter
2 parents 6d5cd56 + 466999a commit b38ff6b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

79 files changed

+237
-206
lines changed

‎snippet-template.md

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
---
22
title: Component Name
3-
tags: components,state,effect
3+
type: snippet
4+
tags: [components,state,effect]
45
cover: image
5-
firstSeen: 2021-06-13T05:00:00-04:00
6+
dateModified: 2021-06-13T05:00:00-04:00
67
---
78

89
Explain briefly what the snippet does.

‎snippets/accordion.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Collapsible accordion
3-
tags: components,children,state
3+
type: snippet
4+
tags: [components,children,state]
45
cover: beach-pineapple
5-
firstSeen: 2019-03-02T10:46:34+02:00
6-
lastUpdated: 2021-10-13T19:29:39+02:00
6+
dateModified: 2021-10-13T19:29:39+02:00
77
---
88

99
Renders an accordion menu with multiple collapsible content elements.

‎snippets/alert.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Closable alert
3-
tags: components,state,effect
3+
type: snippet
4+
tags: [components,state,effect]
45
cover: flower-portrait-1
5-
firstSeen: 2019-09-17T13:19:30+03:00
6-
lastUpdated: 2021-01-07T23:57:13+02:00
6+
dateModified: 2021-01-07T23:57:13+02:00
77
---
88

99
Renders an alert component with `type` prop.

‎snippets/auto-link.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
---
22
title: Automatic text linking
3-
tags: components,fragment,regexp
3+
type: snippet
4+
tags: [components,fragment,regexp]
45
author: chalarangelo
56
cover: red-petals
6-
firstSeen: 2018-12-05T15:04:49+02:00
7-
lastUpdated: 2020-11-03T20:42:15+02:00
7+
dateModified: 2020-11-03T20:42:15+02:00
88
---
99

1010
Renders a string as plaintext, with URLs converted to appropriate link elements.

‎snippets/callto.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
---
22
title: Callable telephone link
3-
tags: components
3+
type: snippet
4+
tags: [components]
45
author: chalarangelo
56
unlisted: true
67
cover: rabbit-call
7-
firstSeen: 2020-10-04T00:07:37+03:00
8-
lastUpdated: 2021-01-04T12:32:47+02:00
8+
dateModified: 2021-01-04T12:32:47+02:00
99
---
1010

1111
Renders a link formatted to call a phone number (`tel:` link).

‎snippets/carousel.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Carousel
3-
tags: components,children,state,effect
3+
type: snippet
4+
tags: [components,children,state,effect]
45
cover: shell-focus
5-
firstSeen: 2018-11-13T21:24:55+02:00
6-
lastUpdated: 2020-11-03T20:42:15+02:00
6+
dateModified: 2020-11-03T20:42:15+02:00
77
---
88

99
Renders a carousel component.

‎snippets/collapse.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Collapsible content
3-
tags: components,children,state
3+
type: snippet
4+
tags: [components,children,state]
45
cover: washed-ashore
5-
firstSeen: 2018-10-17T20:42:23+03:00
6-
lastUpdated: 2021-10-13T19:29:39+02:00
6+
dateModified: 2021-10-13T19:29:39+02:00
77
---
88

99
Renders a component with collapsible content.

‎snippets/controlled-input.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Controlled input field
3-
tags: components,input
3+
type: snippet
4+
tags: [components,input]
45
cover: digital-nomad-5
5-
firstSeen: 2019-08-21T13:09:10+03:00
6-
lastUpdated: 2020-11-03T21:08:39+02:00
6+
dateModified: 2020-11-03T21:08:39+02:00
77
---
88

99
Renders a controlled `<input>` element that uses a callback function to inform its parent about value updates.

‎snippets/count-down.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Countdown timer
3-
tags: components,state
3+
type: snippet
4+
tags: [components,state]
45
cover: sea-view-2
5-
firstSeen: 2019-02-06T14:39:31+02:00
6-
lastUpdated: 2021-10-13T19:29:39+02:00
6+
dateModified: 2021-10-13T19:29:39+02:00
77
---
88

99
Renders a countdown timer that prints a message when it reaches zero.

‎snippets/data-list.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Data list
3-
tags: components
3+
type: snippet
4+
tags: [components]
45
cover: interior-14
5-
firstSeen: 2018-11-29T12:12:24+02:00
6-
lastUpdated: 2020-11-03T21:26:34+02:00
6+
dateModified: 2020-11-03T21:26:34+02:00
77
---
88

99
Renders a list of elements from an array of primitives.

‎snippets/data-table.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Data table
3-
tags: components
3+
type: snippet
4+
tags: [components]
45
cover: armchair
5-
firstSeen: 2018-11-29T11:13:59+02:00
6-
lastUpdated: 2020-11-03T21:26:34+02:00
6+
dateModified: 2020-11-03T21:26:34+02:00
77
---
88

99
Renders a table with rows dynamically created from an array of primitives.

‎snippets/file-drop.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
---
22
title: File drag and drop area
3-
tags: components,input,state,effect,event
3+
type: snippet
4+
tags: [components,input,state,effect,event]
45
author: chalarangelo
56
cover: man-red-sunset
6-
firstSeen: 2019-02-02T12:17:27+02:00
7-
lastUpdated: 2021-10-13T19:29:39+02:00
7+
dateModified: 2021-10-13T19:29:39+02:00
88
---
99

1010
Renders a file drag and drop component for a single file.

‎snippets/lazy-load-image.md

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
---
22
title: Lazy-loading image
3-
tags: components,effect,state
3+
type: snippet
4+
tags: [components,effect,state]
45
cover: strawberries
56
author: chalarangelo
6-
firstSeen: 2022-07-29T05:00:00-04:00
7+
dateModified: 2022-07-29T05:00:00-04:00
78
---
89

910
Renders an image that supports lazy loading.

‎snippets/limited-textarea.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Textarea with character limit
3-
tags: components,state,callback,event
3+
type: snippet
4+
tags: [components,state,callback,event]
45
cover: flower-portrait-2
5-
firstSeen: 2018-10-19T09:11:59+03:00
6-
lastUpdated: 2021-10-13T19:29:39+02:00
6+
dateModified: 2021-10-13T19:29:39+02:00
77
---
88

99
Renders a textarea component with a character limit.

‎snippets/limited-word-textarea.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Textarea with word limit
3-
tags: components,input,state,callback,effect,event
3+
type: snippet
4+
tags: [components,input,state,callback,effect,event]
45
cover: painters-desk
5-
firstSeen: 2019-02-20T18:22:22+02:00
6-
lastUpdated: 2021-10-13T19:29:39+02:00
6+
dateModified: 2021-10-13T19:29:39+02:00
77
---
88

99
Renders a textarea component with a word limit.

‎snippets/loader.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Spinning loader
3-
tags: components
3+
type: snippet
4+
tags: [components]
45
cover: godray-computer-mug
5-
firstSeen: 2019-09-11T21:59:12+03:00
6-
lastUpdated: 2020-11-16T15:17:26+02:00
6+
dateModified: 2020-11-16T15:17:26+02:00
77
---
88

99
Renders a spinning loader component.

‎snippets/mailto.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
---
22
title: Email link
3-
tags: components
3+
type: snippet
4+
tags: [components]
45
author: chalarangelo
56
cover: digital-nomad-4
6-
firstSeen: 2019-01-28T20:10:51+02:00
7-
lastUpdated: 2020-11-16T15:17:26+02:00
7+
dateModified: 2020-11-16T15:17:26+02:00
88
---
99

1010
Renders a link formatted to send an email (`mailto:` link).

‎snippets/mapped-table.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Object table view
3-
tags: components,array,object
3+
type: snippet
4+
tags: [components,array,object]
45
cover: waves-from-above-2
5-
firstSeen: 2018-11-29T11:50:10+02:00
6-
lastUpdated: 2020-09-06T14:20:45+03:00
6+
dateModified: 2020-09-06T14:20:45+03:00
77
---
88

99
Renders a table with rows dynamically created from an array of objects and a list of property names.

‎snippets/modal.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Modal dialog
3-
tags: components,effect
3+
type: snippet
4+
tags: [components,effect]
45
cover: yellow-white-mug-2
5-
firstSeen: 2019-03-11T11:25:06+02:00
6-
lastUpdated: 2021-10-13T19:29:39+02:00
6+
dateModified: 2021-10-13T19:29:39+02:00
77
---
88

99
Renders a Modal component, controllable through events.

‎snippets/multiselect-checkbox.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Stateful checkbox with multiple selection
3-
tags: components,input,state,array
3+
type: snippet
4+
tags: [components,input,state,array]
45
cover: violin
5-
firstSeen: 2019-01-27T09:25:57+02:00
6-
lastUpdated: 2021-10-13T19:29:39+02:00
6+
dateModified: 2021-10-13T19:29:39+02:00
77
---
88

99
Renders a checkbox list that uses a callback function to pass its selected value/values to the parent component.

‎snippets/password-revealer.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
---
22
title: Show/hide password toggle
3-
tags: components,input,state
3+
type: snippet
4+
tags: [components,input,state]
45
author: chalarangelo
56
cover: thread
6-
firstSeen: 2018-10-18T20:04:22+03:00
7-
lastUpdated: 2020-11-25T20:46:35+02:00
7+
dateModified: 2020-11-25T20:46:35+02:00
88
---
99

1010
Renders a password input field with a reveal button.

‎snippets/ripple-button.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
---
22
title: Button with ripple effect
3-
tags: components,state,effect
3+
type: snippet
4+
tags: [components,state,effect]
45
author: chalarangelo
56
cover: mountain-lake-cottage
6-
firstSeen: 2019-09-10T09:07:29+03:00
7-
lastUpdated: 2021-10-13T19:29:39+02:00
7+
dateModified: 2021-10-13T19:29:39+02:00
88
---
99

1010
Renders a button that animates a ripple effect when clicked.

‎snippets/select.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Uncontrolled select element
3-
tags: components,input
3+
type: snippet
4+
tags: [components,input]
45
cover: down-the-stream
5-
firstSeen: 2018-12-10T10:48:03+02:00
6-
lastUpdated: 2020-11-25T20:46:35+02:00
6+
dateModified: 2020-11-25T20:46:35+02:00
77
---
88

99
Renders an uncontrolled `<select>` element that uses a callback function to pass its value to the parent component.

‎snippets/slider.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Uncontrolled range input
3-
tags: components,input
3+
type: snippet
4+
tags: [components,input]
45
cover: solitude-beach
5-
firstSeen: 2019-03-02T10:20:55+02:00
6-
lastUpdated: 2020-11-25T20:46:35+02:00
6+
dateModified: 2020-11-25T20:46:35+02:00
77
---
88

99
Renders an uncontrolled range input element that uses a callback function to pass its value to the parent component.

‎snippets/star-rating.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Star rating
3-
tags: components,children,input,state
3+
type: snippet
4+
tags: [components,children,input,state]
45
cover: lake-church
5-
firstSeen: 2018-10-18T14:33:45+03:00
6-
lastUpdated: 2021-10-13T19:29:39+02:00
6+
dateModified: 2021-10-13T19:29:39+02:00
77
---
88

99
Renders a star rating component.

‎snippets/tabs.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Tabs
3-
tags: components,state,children
3+
type: snippet
4+
tags: [components,state,children]
45
cover: by-the-lighthouse
5-
firstSeen: 2019-01-27T11:59:52+02:00
6-
lastUpdated: 2021-10-13T19:29:39+02:00
6+
dateModified: 2021-10-13T19:29:39+02:00
77
---
88

99
Renders a tabbed menu and view component.

‎snippets/tag-input.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Tag input field
3-
tags: components,input,state
3+
type: snippet
4+
tags: [components,input,state]
45
cover: interior-4
5-
firstSeen: 2019-10-02T10:06:11+03:00
6-
lastUpdated: 2020-11-25T21:12:16+02:00
6+
dateModified: 2020-11-25T21:12:16+02:00
77
---
88

99
Renders a tag input field.

‎snippets/text-area.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Uncontrolled textarea element
3-
tags: components,input
3+
type: snippet
4+
tags: [components,input]
45
cover: volcano-sunset
5-
firstSeen: 2018-12-10T10:45:51+02:00
6-
lastUpdated: 2020-11-25T20:46:35+02:00
6+
dateModified: 2020-11-25T20:46:35+02:00
77
---
88

99
Renders an uncontrolled `<textarea>` element that uses a callback function to pass its value to the parent component.

‎snippets/toggle.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Toggle
3-
tags: components,state
3+
type: snippet
4+
tags: [components,state]
45
cover: cows
5-
firstSeen: 2018-10-27T20:35:37+03:00
6-
lastUpdated: 2020-11-16T16:50:57+02:00
6+
dateModified: 2020-11-16T16:50:57+02:00
77
---
88

99
Renders a toggle component.

‎snippets/tooltip.md

+3-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
---
22
title: Tooltip
3-
tags: components,state,children
3+
type: snippet
4+
tags: [components,state,children]
45
cover: dark-leaves-6
5-
firstSeen: 2018-11-13T20:21:24+02:00
6-
lastUpdated: 2020-11-16T15:17:26+02:00
6+
dateModified: 2020-11-16T15:17:26+02:00
77
---
88

99
Renders a tooltip component.

0 commit comments

Comments
 (0)