[Feature Request] - Dropdown button

[shravan-balasubramanian]

Describe the functionality of the new component:
A dropdown button according to the Design system found in
https://xd.adobe.com/view/a8299f86-4d90-40f9-4d23-7dc26f9266e3-de18/screen/eb6930f3-3b16-49ee-9aaa-3dbc780e7154/

More details:

Properties

This will be part of fw-button itself

Property	Attribute	Description	Type	Default
dropdown	dropdown	dropdown button or not	Boolean	false
split	split	Whether to split dropdown or not. Invalid if dropdown is false	Boolean	false
searchable	searchable	Whether the dropdown button should be searchable. Invalid if dropdown is false	Boolean	false
value	value	Selected options	Array	undefined
placeholder	placeholder	Placeholder for search input	String	''

Events

Event	Description	Type
fwOptionClick	Emitted on selecting an option	customEvent
fwOptionsAdd	Emitted on adding options (Add button click)	customEvent

Sample HTML

<fw-button dropdown split> Select OTT 
  <span id="1" value="netflix"> Netflix </span>
  <span id="2" value="amazon"> Amazon </span>
</fw-button>

[asif-ahmed-1990]

Can you detail the options part with an example?

[shravan-balasubramanian]

<fw-button size="medium" dropdown options = [
{
  id: '1',
  label: 'Netflix',
  value: 'Amazon'
},
{
  id: 2,
  label: 'Amazon',
  value: 'Amazon'
}
]> OTT
</fw-button>

@asifahmedfw

[shravan-balasubramanian]

@asifahmedfw Can you re-review this and the PR

[github-actions]

🎉 This issue has been resolved in version 2.7.0 🎉

The release is available on:

• npm package (@next dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[github-actions]

🎉 This issue has been resolved in version 2.7.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀