import { LitElement } from 'lit'; /** * Fieldset is used for grouping sets of input components. * It is necessary to use a fieldset with radio and checkbox components. * It can also be useful for logically grouping other types of inputs. * * @status ready * @category form * @slot label - Use when a label requires more than plain text. * @slot hint - Optional slot that holds hint text for the fieldset. * @slot error - Optional slot that holds error text for the fieldset. * * @cssprop [--n-label-color=var(--n-color-text)] - Controls the text color of the label, using our [color tokens](/tokens/#color). */ export default class Fieldset extends LitElement { static styles: import("lit").CSSResult[]; private errorSlot; private hintSlot; /** * Label for the fieldset. Rendered as a `` element. */ label: string; /** * Optional hint text to be displayed with the input. Alternatively use the hint slot. */ hint?: string; /** * Optional error to be shown with the fieldset. Alternatively use the error slot. */ error?: string; /** * Determines whether the fieldset is required or not. * A fieldset marked as required will be announced as such to users of assistive technology. * When using this property you need to also set “novalidate” attribute on a form element to prevent browser from displaying its own validation errors. */ required: boolean; /** * Visually hide the required indicator, but still show * required attribute to assistive technologies like screen readers. */ hideRequired: boolean; /** * Visually hide the label, but still show it to assistive technologies like screen readers. */ hideLabel: boolean; /** * The size of the label. */ size: 's' | 'm'; render(): import("lit").TemplateResult<1>; protected get hasHint(): boolean; protected get hasError(): boolean; } declare global { interface HTMLElementTagNameMap { 'nord-fieldset': Fieldset; } }