modus-web-components icon indicating copy to clipboard operation
modus-web-components copied to clipboard

Create new Toolbar component

Open cjwinsor opened this issue 1 year ago • 2 comments

Prerequisites

Proposal

Breaking down #1420

Implement the toolbar to match existing guidelines.

Motivation and context

No response

What is the issue regarding ?

@trimble-oss/modus-web-components

Priority

Medium

What product/project are you using Modus Components for ?

Modus

What is your team/division name ?

Modus

Are you willing to contribute ?

Yes

Are you using Modus Web Components in production ?

No response

cjwinsor avatar Mar 01 '24 15:03 cjwinsor

image

  • Should the buttons have a selected state?

  • Existing borderless buttons can be used, can we use those?

  • Are borderless black icon or text buttons only allowed?

https://github.com/trimble-oss/modus-web-components/assets/122255626/8d5e827b-a9ff-4080-ae00-020c0a17706d

ElishaSamPeterPrabhu avatar Mar 04 '24 10:03 ElishaSamPeterPrabhu

This is what we are thinking is how a user would construct

<modus-toolbar>
  <modus-button>Submit</modus-button>
  <modus-button icon-only="pencil"></modus-button>
  <modus-button icon-only="delete"></modus-button>
  <modus-divider></modus-divider>
  <modus-button icon-only="close"></modus-button>
</modus-toolbar>

Borderless and Secondary Color is forced on the buttons

cjwinsor avatar Apr 17 '24 15:04 cjwinsor