Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including @forter/drawer with all npm packages installed. Try it out:

var drawer = require("@forter/drawer")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@forter/drawer v1.5.6

drawer from Forter Components

fc-drawer

An element by Forter

Usage

<script>
   import '@forter/drawer';
</script>

<fc-drawer value="2">
   <item id="1" name="Decision Dashboard" icon="decision-dashboard">Investigation and feedback tools, performance KPIs and insights</item>
   <item id="2" name="Partner" icon="partner">Portfolio fraud management for PSPs and partners</item>
   <item id="3" name="Item Not Recieved" label-text="INR" style="--fc-drawer-item-background-color:#faf9ff;" icon="item-not-recieved">Protect from abuse, while supporting legitimate customers</item>
</fc-drawer>

Properties

PropertyAttributeTypeDefaultDescription
activeactivebooleanfalseAn attribute that represents the requested state of the component
colorstring
currentItemcurrentItemstring""The label of the drawer button
gapgapstringThe size of the gap of the grid
valuevaluestringThe current selected item. example: 3
visiblevisiblebooleanfalseRepresents the state of the component, opened/closed.

Events

Event
item-changed

Metadata

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free