packages/components/eui-fieldset/eui-fieldset.component.ts
Fieldset component that provides a grouped container with optional expand/collapse functionality and customizable label content.
AfterContentInit
| HostDirectives |
BaseStatesDirective
Inputs : euiPrimary euiSecondary euiSuccess euiInfo euiWarning euiDanger euiVariant euiHighlighted
|
| selector | eui-fieldset |
| imports |
NgTemplateOutlet
BaseStatesDirective
EUI_ICON
EUI_ICON_BUTTON_EXPANDER
EUI_ICON_STATE
EUI_LABEL
EUI_BUTTON
|
| templateUrl | ./eui-fieldset.component.html |
| styleUrl | ./eui-fieldset.scss |
Properties |
|
Methods |
Inputs |
Outputs |
HostBindings |
Accessors |
| e2eAttr |
Type : string
|
Default value : 'eui-fieldset'
|
|
Element attribute for e2e testing |
| hasDefaultIcon |
Type : boolean
|
Default value : false
|
|
Whether to show the default icon |
| iconClass |
Type : string
|
|
CSS class for the icon |
| iconSvgFillColor |
Type : string
|
|
Fill color for the SVG icon |
| iconSvgName |
Type : string
|
|
Name of the SVG icon to display |
| id |
Type : string
|
|
Unique identifier for the fieldset |
| isExpandable |
Type : boolean
|
Default value : false
|
|
Whether the fieldset can be expanded/collapsed |
| isExpanded |
Type : boolean
|
Default value : true
|
|
Whether the fieldset is currently expanded |
| isFirst |
Type : boolean
|
Default value : false
|
|
Whether this is the first fieldset in a group |
| isLarge |
Type : boolean
|
Default value : false
|
|
Whether to use large size styling |
| label |
Type : string
|
|
Label text displayed in the fieldset header |
| expand |
Type : EventEmitter<string>
|
|
Event emitted when the fieldset is expanded or collapsed |
| class |
Type : string
|
|
CSS classes applied to the host element |
| onToggle |
onToggle()
|
|
Handles expand/collapse toggle events Emits the fieldset ID when toggled
Returns :
void
|
| Public collapseMenuLabel |
Type : string
|
Default value : 'Collapse '
|
|
Label for collapse button accessibility |
| Public expandMenuLabel |
Type : string
|
Default value : 'Expand '
|
|
Label for expand button accessibility |
| templates |
Type : QueryList<EuiTemplateDirective>
|
Decorators :
@ContentChildren(EuiTemplateDirective)
|
|
Query list of template directives for content projection |
| cssClasses |
getcssClasses()
|
|
CSS classes applied to the host element
Returns :
string
|