Class TJSSlotLabel
Hierarchy
- SvelteComponent<TJSSlotLabel.Props, TJSSlotLabel.Events, TJSSlotLabel.Slots>
- TJSSlotLabel (View Summary)
Indexable
- [prop: string]: any
Index
Constructors
Methods
Constructors
constructor
- new TJSSlotLabel(
options: ComponentConstructorOptions<TJSSlotLabel.Props>,
): TJSSlotLabel Parameters
- options: ComponentConstructorOptions<TJSSlotLabel.Props>
Returns TJSSlotLabel
Methods
$destroy
$on
- $on<K extends string>(
type: K,
callback: (e: CustomEvent<any>) => void,
): () => void Type Parameters
Parameters
- type: K
- callback: (e: CustomEvent<any>) => void
Returns () => void
$set
- $set(props: Partial<TJSSlotLabel.Props>): void
Parameters
- props: Partial<TJSSlotLabel.Props>
Returns void
Provides a slotted component wrapped in a label element. The
label
prop can either be a string or a Svelte configuration object to be used as the label text. The label element usesdisplay: contents
which ignores the label element and lays out the children as if the label element does not exist which is perfect for a grid layout. Optionally, there are CSS variables available to change thedisplay
and additional flex layout configuration possibilities.CSS Variables
The following CSS variables control the associated styles with the default values: