Devon AndersonandRandall Morey
0015745d41
* feat: 🎸 Custom information field Create custom information component for views that need read-only information listed. ✅ Closes: ICU-6957 ICU-6981 * refactor: 💡 fix setup for info-field component Added conditional icon as a yield to `Hds::Form::TextInput::Field` to avoid over complicating the css for `info-field` component. ✅ Closes: ICU-6957 * refactor `username_password` index.hbs `@value` on `<InfoField>` was pointing to wrong variable. * fix: 🐛 fixed lint Lint errors * fix: 🐛 linting errors fixed linting errors fixed * chore: 🤖 tweak info field styles and layout for icons * refactor: 💡 switched `grid-area` in css to match design Switched `grid-area`'s to match Design * refactor: 💡 removed grid attribute from field wrapper Removed display grid from `vertical` wrapper Co-authored-by: Randall Morey <randall@randallmorey.com>
13 lines
284 B
Handlebars
13 lines
284 B
Handlebars
<div class='info-field{{if @icon " has-icon"}}'>
|
|
{{#if @icon}}
|
|
<FlightIcon @name={{@icon}} @size='24' />
|
|
{{/if}}
|
|
<Hds::Form::TextInput::Field
|
|
@value={{@value}}
|
|
readonly={{true}}
|
|
...attributes
|
|
as |F|
|
|
>
|
|
{{yield F}}
|
|
</Hds::Form::TextInput::Field>
|
|
</div> |