@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Accordion
|
title: Accordion
|
||||||
tags: visual,children,state,advanced
|
tags: components,children,state,advanced
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders an accordion menu with multiple collapsible content components.
|
Renders an accordion menu with multiple collapsible content components.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Alert
|
title: Alert
|
||||||
tags: visual,beginner,state,effect
|
tags: components,beginner,state,effect
|
||||||
---
|
---
|
||||||
|
|
||||||
Creates an alert component with `type` prop.
|
Creates an alert component with `type` prop.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: AutoLink
|
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.
|
Renders a string as plaintext, with URLs converted to appropriate `<a>` elements.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Carousel
|
title: Carousel
|
||||||
tags: visual,children,state,effect,intermediate
|
tags: components,children,state,effect,intermediate
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a carousel component.
|
Renders a carousel component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Collapse
|
title: Collapse
|
||||||
tags: visual,children,state,intermediate
|
tags: components,children,state,intermediate
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a component with collapsible content.
|
Renders a component with collapsible content.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: ControlledInput
|
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.
|
Renders an `<input>` element with internal state, that uses a callback function to pass its value to the parent component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: CountDown
|
title: CountDown
|
||||||
tags: visual,state,advanced
|
tags: components,state,advanced
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a countdown timer that prints a message when it reaches zero.
|
Renders a countdown timer that prints a message when it reaches zero.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: DataList
|
title: DataList
|
||||||
tags: array,beginner
|
tags: components,array,beginner
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a list of elements from an array of primitives.
|
Renders a list of elements from an array of primitives.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: DataTable
|
title: DataTable
|
||||||
tags: array,beginner
|
tags: components,array,beginner
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a table with rows dynamically created from an array of primitives.
|
Renders a table with rows dynamically created from an array of primitives.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: FileDrop
|
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.
|
Renders a file drag and drop component for a single file.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: LimitedTextarea
|
title: LimitedTextarea
|
||||||
tags: input,state,effect,event,beginner
|
tags: components,state,effect,event,beginner
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a textarea component with a character limit.
|
Renders a textarea component with a character limit.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: LimitedWordTextarea
|
title: LimitedWordTextarea
|
||||||
tags: input,state,effect,event,beginner
|
tags: components,input,state,effect,event,beginner
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a textarea component with a word limit.
|
Renders a textarea component with a word limit.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Loader
|
title: Loader
|
||||||
tags: visual,beginner
|
tags: components,beginner
|
||||||
---
|
---
|
||||||
|
|
||||||
Creates a spinning loader component.
|
Creates a spinning loader component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Mailto
|
title: Mailto
|
||||||
tags: visual,beginner
|
tags: components,beginner
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a link formatted to send an email.
|
Renders a link formatted to send an email.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: MappedTable
|
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.
|
Renders a table with rows dynamically created from an array of objects and a list of property names.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Modal
|
title: Modal
|
||||||
tags: visual,effect,intermediate
|
tags: components,effect,intermediate
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a Modal component, controllable through events.
|
Renders a Modal component, controllable through events.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: MultiselectCheckbox
|
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.
|
Renders a checkbox list that uses a callback function to pass its selected value/values to the parent component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: PasswordRevealer
|
title: PasswordRevealer
|
||||||
tags: input,state,beginner
|
tags: components,input,state,beginner
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a password input field with a reveal button.
|
Renders a password input field with a reveal button.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: RippleButton
|
title: RippleButton
|
||||||
tags: visual,state,effect,intermediate
|
tags: components,state,effect,intermediate
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a button that animates a ripple effect when clicked.
|
Renders a button that animates a ripple effect when clicked.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Select
|
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.
|
Renders a `<select>` element that uses a callback function to pass its value to the parent component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Slider
|
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.
|
Renders a slider element that uses a callback function to pass its value to the parent component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: StarRating
|
title: StarRating
|
||||||
tags: visual,children,input,state,intermediate
|
tags: components,children,input,state,intermediate
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a star rating component.
|
Renders a star rating component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Tabs
|
title: Tabs
|
||||||
tags: visual,state,children,intermediate
|
tags: components,state,children,intermediate
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a tabbed menu and view component.
|
Renders a tabbed menu and view component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: TagInput
|
title: TagInput
|
||||||
tags: input,visual,state,intermediate
|
tags: components,input,state,intermediate
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a tag input field.
|
Renders a tag input field.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: TextArea
|
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.
|
Renders a `<textarea>` element that uses a callback function to pass its value to the parent component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Ticker
|
title: Ticker
|
||||||
tags: visual,state,beginner
|
tags: components,state,beginner
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a ticker component.
|
Renders a ticker component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Toggle
|
title: Toggle
|
||||||
tags: visual,state,beginner
|
tags: components,state,beginner
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a toggle component.
|
Renders a toggle component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: Tooltip
|
title: Tooltip
|
||||||
tags: visual,state,children,beginner
|
tags: components,state,children,beginner
|
||||||
---
|
---
|
||||||
|
|
||||||
Renders a tooltip component.
|
Renders a tooltip component.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: TreeView
|
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.
|
Renders a tree view of a JSON object or array with collapsible content.
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
---
|
---
|
||||||
title: UncontrolledInput
|
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.
|
Renders an `<input>` element that uses a callback function to pass its value to the parent component.
|
||||||
|
|||||||
Reference in New Issue
Block a user