feat(layer): first pass at Layer component (#1932)

Closes #1892
This commit is contained in:
Sam 2024-03-24 09:30:32 +11:00 committed by GitHub
commit 180f33b907
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
9 changed files with 164 additions and 2 deletions

View file

@ -1,6 +1,6 @@
# Component Index
> 165 components exported from carbon-components-svelte@1.0.0-next.1.
> 166 components exported from carbon-components-svelte@1.0.0-next.1.
## Components
@ -66,6 +66,7 @@
- [`ImageLoader`](#imageloader)
- [`InlineLoading`](#inlineloading)
- [`InlineNotification`](#inlinenotification)
- [`Layer`](#layer)
- [`Link`](#link)
- [`ListBox`](#listbox)
- [`ListBoxField`](#listboxfield)
@ -1959,6 +1960,26 @@ None.
| mouseenter | forwarded | -- |
| mouseleave | forwarded | -- |
## `Layer`
### Props
| Prop name | Required | Kind | Reactive | Type | Default value | Description |
| :--------- | :------- | :--------------- | :------- | ------------------------------------------------------------ | ---------------------- | --------------------------------------------------------------------------- |
| level | No | <code>let</code> | Yes | <code>0 &#124; 1 &#124; 2 </code> | <code>undefined</code> | Specify the layer level to override any existing levels based on hierarchy. |
| as | No | <code>let</code> | No | <code>string</code> | <code>"div"</code> | Specify the HTML element to render. |
| layerProps | No | <code>let</code> | No | <code>import('svelte/elements').HTMLElementAttributes</code> | <code>{}</code> | Specify the Layer HTML element props |
### Slots
| Slot name | Default | Props | Fallback |
| :-------- | :------ | :---- | :------- |
| -- | Yes | -- | -- |
### Events
None.
## `Link`
### Props