FLIN App

Default

Simple dropdown with text action items.

Sort Options

Sorting dropdown for lists and tables with multiple criteria.

File Menu

File operations dropdown with icon-labeled items.

View Options

Display mode selector for switching between grid, list, and table views.

Export Menu

Data export dropdown with format options.

Filter Menu

Filter dropdown for narrowing down content by status.

Usage

<Dropdown label="Actions"> <button>Edit</button> <button>Duplicate</button> <button>Delete</button></Dropdown><Dropdown label="File"> <button><Icon name="file-plus" size="14" /> New File</button> <button><Icon name="folder-plus" size="14" /> New Folder</button> <button><Icon name="upload" size="14" /> Upload</button></Dropdown>

Props

Prop	Type	Default	Description
`label`	text	`"Dropdown"`	Text displayed on the trigger button
`children`	content	-	Dropdown items - buttons or links

Dropdown

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Default

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Sort Options

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } File Menu

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } View Options

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Export Menu

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Filter Menu

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Usage

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Props