UX: Add flat text button styles and use in date/time cancel modal (#17892)

Also fixes an A11Y issue with the date/time cancel button.
This commit is contained in:
Penar Musaraj
2022-08-15 15:06:03 -04:00
committed by GitHub
parent 0d6fd1a606
commit b930f4886a
6 changed files with 42 additions and 17 deletions

View File

@ -69,3 +69,15 @@
<FlatButton @icon="trash-alt" @disabled={{bs.disabled}} @translatedTitle={{bs.title}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title="dbutton btn-flat btn-text - sizes (large, default, small)">
{{#each this.dummy.buttonSizes as |bs|}}
<DButton @class={{concat "btn-flat " bs.class}} @disabled={{bs.disabled}} @translatedLabel={{bs.text}} />
{{/each}}
</StyleguideExample>
<StyleguideExample @title="dbutton btn-flat btn-text - states">
{{#each this.dummy.buttonStates as |bs|}}
<DButton @class={{concat "btn-flat " bs.class}} @disabled={{bs.disabled}} @translatedLabel={{bs.text}} />
{{/each}}
</StyleguideExample>