fix(breadcrumb-item): type default slot

This commit is contained in:
Eric Liu 2020-12-05 14:56:04 -08:00
commit 5d7dc321f4
5 changed files with 21 additions and 13 deletions

View file

@ -295,8 +295,8 @@ None.
### Slots ### Slots
| Slot name | Default | Props | Fallback | | Slot name | Default | Props | Fallback |
| :-------- | :------ | :---- | :------- | | :-------- | :------ | :------------------------------------------------------------------------ | :------- |
| -- | Yes | -- | -- | | -- | Yes | <code>{props?: { ["aria-current"]?: string; class: "bx--link"; }} </code> | -- |
### Events ### Events
@ -388,10 +388,10 @@ None.
### Props ### Props
| Prop name | Kind | Reactive | Type | Default value | Description | | Prop name | Kind | Reactive | Type | Default value | Description |
| :-------- | :--------------- | :------- | :--------------------------------------------------- | ---------------------- | -------------------------------------- | | :-------- | :--------------- | :------- | :--------------------------------------------------- | ---------------------- | ------------------------------------ |
| href | <code>let</code> | No | <code>string</code> | -- | Set the `href` to use an anchor link | | href | <code>let</code> | No | <code>string</code> | -- | Set the `href` to use an anchor link |
| size | <code>let</code> | No | <code>"default" &#124; "field" &#124; "small"</code> | <code>"default"</code> | Specify the size of button skeleton | | size | <code>let</code> | No | <code>"default" &#124; "field" &#124; "small"</code> | <code>"default"</code> | Specify the size of button skeleton |
| small | <code>let</code> | No | <code>boolean</code> | <code>false</code> | Set to `true` to use the small variant | | small | <code>let</code> | No | <code>boolean</code> | <code>false</code> | -- |
### Slots ### Slots

View file

@ -456,7 +456,13 @@
"reactive": false "reactive": false
} }
], ],
"slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }], "slots": [
{
"name": "__default__",
"default": true,
"slot_props": "{props?: { [\"aria-current\"]?: string; class: \"bx--link\"; }}"
}
],
"events": [ "events": [
{ "type": "forwarded", "name": "click", "element": "li" }, { "type": "forwarded", "name": "click", "element": "li" },
{ "type": "forwarded", "name": "mouseover", "element": "li" }, { "type": "forwarded", "name": "mouseover", "element": "li" },
@ -492,7 +498,6 @@
{ {
"name": "small", "name": "small",
"kind": "let", "kind": "let",
"description": "Set to `true` to use the small variant",
"type": "boolean", "type": "boolean",
"value": "false", "value": "false",
"isFunction": false, "isFunction": false,

View file

@ -1,4 +1,8 @@
<script> <script>
/**
* @slot {{props?: { ["aria-current"]?: string; class: "bx--link"; }}}
*/
/** /**
* Set the `href` to use an anchor link * Set the `href` to use an anchor link
* @type {string} * @type {string}
@ -8,7 +12,7 @@
/** Set to `true` if the breadcrumb item represents the current page */ /** Set to `true` if the breadcrumb item represents the current page */
export let isCurrentPage = false; export let isCurrentPage = false;
import { Link } from "../Link"; import Link from "../Link/Link.svelte";
</script> </script>
<li <li

View file

@ -16,7 +16,7 @@ export interface BreadcrumbItemProps extends svelte.JSX.HTMLAttributes<HTMLEleme
export default class BreadcrumbItem { export default class BreadcrumbItem {
$$prop_def: BreadcrumbItemProps; $$prop_def: BreadcrumbItemProps;
$$slot_def: { $$slot_def: {
default: {}; default: { props?: { ["aria-current"]?: string; class: "bx--link" } };
}; };
$on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void; $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;

View file

@ -13,7 +13,6 @@ export interface ButtonSkeletonProps extends svelte.JSX.HTMLAttributes<HTMLEleme
size?: "default" | "field" | "small"; size?: "default" | "field" | "small";
/** /**
* Set to `true` to use the small variant
* @default false * @default false
*/ */
small?: boolean; small?: boolean;