jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Introduce DataList

Browse Source 
Summary: Introduce the DataList component. Not feature complete yet, but core functionality is present so that people can use it during the convertathon. It is used to implement the route list in the network mock dialog

Reviewed By: priteshrnandgaonkar

Differential Revision: D27046716

fbshipit-source-id: a247ce7032b350b31bf55962ca4268e30f43471a
This commit is contained in:
Michel Weststrate
2021-04-27 01:42:52 -07:00
committed by Facebook GitHub Bot
parent f95cddd5ef
commit c89d18fd68
6 changed files with 174 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
docs/extending/flipper-plugin.mdx
View File

@@ -809,6 +809,19 @@ See `View > Flipper Style Guide` inside the Flipper application for more details
Coming soon.
### DataList
The DataList can be used to display a set of items efficiently, and where a single item can be selected.
Properties:
* `items`: Items to display. Per item at least a title and unique id should be provided.
* `value`: The current selection
* `onSelect`
* `onRenderItem`: A custom render function. By default the component will render the `title` in bold and description (if any) below it.
* `type`: `default` or `dropdown. Defines the styling of the component. By default shows a list, but alternatively the items can be displayed in a drop down
* `scrollable`: By default the data list will take all available space and scroll if items aren't otherwise visible. By setting `scrollable={false}` the list will only take its natural size
### NUX
An element that can be used to provide a New User eXperience: Hints that give a one time introduction to new features to the current user.