Dropdown
import { TgDropdownComponent, TgDropdownContentDirective, TgDropdownTriggerDirective, TgButton2Component } from '@trademe/tangram';
Dropdowns consist of a button and a dropdown box. The button triggers the dropdown box when clicked. They sit on the Overlay layer.
Example
Behaviour
- Dropdowns have a default width of 228px. If an element inside the dropdown has a larger width, the dropdown will grow to accommodate it.
- Tab trap is not used in dropdowns. This means that the tab index is not limited to content inside the modal window.
- Dropdowns do not have any relationship to the the page width or grid, due to their use of
position: absolute - Full width dropdowns require a custom solution.