OFRAG Frontend Components Library v0.0.0

Dropdown: With Content Left Side Growing 

<div class="dropdown">
      <button type="button" class="dropdown__toggle" style="max-width: 200px;">Vororder</button>
      <div class="dropdown__content" style=" left: auto; right: 0;">
          <p>Hello world</p>
      </div>
  </div>
 
{% include '@SharedComponents/modules/shared/components/dropdown/dropdown.twig' %}
 
{
  "label": "Vororder",
  "toggleMaxWidth": "200px",
  "contentOrientation": "right",
  "content": "<p>Hello world</p>"
}
  • Content: 
    import DropdownMediator, {name as title} from 'cando-cx-components-library/components/modules/shared/components/dropdown/dropdown-mediator';

export default DropdownMediator;
export const name = title;
  • URL: /components/raw/dropdown/dropdown-mediator.js
  • Filesystem Path: src/components/modules/shared/components/dropdown/dropdown-mediator.js
  • Size: 201 Bytes
  • Content: 
    import './dropdown.scss';
import Dropdown, {selector as sel} from 'cando-cx-components-library/components/modules/shared/components/dropdown/dropdown';

export default Dropdown;
export const selector = sel;
  • URL: /components/raw/dropdown/dropdown.js
  • Filesystem Path: src/components/modules/shared/components/dropdown/dropdown.js
  • Size: 206 Bytes
  • Content: 
    @import "~shared/base";
@import "~cando-cx-components-library/components/modules/shared/components/dropdown/dropdown";
  • URL: /components/raw/dropdown/dropdown.scss
  • Filesystem Path: src/components/modules/shared/components/dropdown/dropdown.scss
  • Size: 118 Bytes

No notes defined.