mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 19:01:05 +00:00
breaking: remove deprecated props and components (#1191)
This commit is contained in:
parent
ea7c0d446e
commit
21714d0e3a
55 changed files with 127 additions and 1823 deletions
|
@ -21,7 +21,6 @@
|
|||
|
||||
<Button
|
||||
icon="{Add16}"
|
||||
hasIconOnly
|
||||
tooltipPosition="bottom"
|
||||
tooltipAlignment="center"
|
||||
iconDescription="Tooltip text"
|
||||
|
|
|
@ -1,32 +1,11 @@
|
|||
<script lang="ts">
|
||||
import { ContentSwitcher, Switch } from "../types";
|
||||
import Bullhorn16 from "carbon-icons-svelte/lib/Bullhorn16";
|
||||
import Analytics16 from "carbon-icons-svelte/lib/Analytics16";
|
||||
</script>
|
||||
|
||||
<ContentSwitcher>
|
||||
<Switch text="Latest news" />
|
||||
<ContentSwitcher size="xl" selectedIndex="{1}">
|
||||
<Switch disabled text="Latest news" />
|
||||
<Switch text="Trending" />
|
||||
</ContentSwitcher>
|
||||
|
||||
<ContentSwitcher selectedIndex="{1}">
|
||||
<Switch text="Latest news" />
|
||||
<Switch text="Trending" />
|
||||
<Switch text="Recommended" />
|
||||
</ContentSwitcher>
|
||||
|
||||
<ContentSwitcher light>
|
||||
<Switch text="Latest news" />
|
||||
<Switch text="Trending" />
|
||||
</ContentSwitcher>
|
||||
|
||||
<ContentSwitcher>
|
||||
<Switch>
|
||||
<div style="display: flex; align-items: center;">
|
||||
<Bullhorn16 style="margin-right: 0.5rem;" />
|
||||
Latest news
|
||||
</div>
|
||||
</Switch>
|
||||
<Switch>
|
||||
<div style="display: flex; align-items: center;">
|
||||
<Analytics16 style="margin-right: 0.5rem;" />
|
||||
|
@ -34,22 +13,3 @@
|
|||
</div>
|
||||
</Switch>
|
||||
</ContentSwitcher>
|
||||
|
||||
<Bullhorn16 style="margin-right: 0.5rem;" />
|
||||
|
||||
<Analytics16 style="margin-right: 0.5rem;" />
|
||||
|
||||
<ContentSwitcher size="xl">
|
||||
<Switch text="All" />
|
||||
<Switch text="Archived" />
|
||||
</ContentSwitcher>
|
||||
|
||||
<ContentSwitcher size="sm">
|
||||
<Switch text="All" />
|
||||
<Switch text="Archived" />
|
||||
</ContentSwitcher>
|
||||
|
||||
<ContentSwitcher>
|
||||
<Switch disabled text="All" />
|
||||
<Switch disabled text="Archived" />
|
||||
</ContentSwitcher>
|
||||
|
|
|
@ -111,7 +111,7 @@
|
|||
<ToolbarContent>
|
||||
<ToolbarSearch
|
||||
shouldFilterRows="{(row, value) => {
|
||||
return true;
|
||||
return row.name.includes(value);
|
||||
}}"
|
||||
/>
|
||||
<ToolbarMenu>
|
||||
|
|
|
@ -8,40 +8,17 @@
|
|||
{value}
|
||||
|
||||
<NumberInput
|
||||
disabled
|
||||
light
|
||||
min="{4}"
|
||||
max="{20}"
|
||||
value="{4}"
|
||||
label="Clusters"
|
||||
helperText="Clusters provisioned in your region"
|
||||
invalidText="Number must be between 4 and 20."
|
||||
on:change="{(e) => {
|
||||
console.log(e.detail); // null | number
|
||||
}}"
|
||||
/>
|
||||
|
||||
<NumberInput
|
||||
label="Clusters"
|
||||
helperText="Clusters provisioned in your region"
|
||||
/>
|
||||
|
||||
<NumberInput
|
||||
min="{4}"
|
||||
max="{20}"
|
||||
value="{4}"
|
||||
invalidText="Number must be between 4 and 20."
|
||||
helperText="Clusters provisioned in your region"
|
||||
label="Clusters (4 min, 20 max)"
|
||||
/>
|
||||
|
||||
<NumberInput hideLabel label="Clusters" />
|
||||
|
||||
<NumberInput light label="Clusters" />
|
||||
|
||||
<NumberInput mobile label="Clusters" />
|
||||
|
||||
<NumberInput size="xl" label="Clusters" />
|
||||
|
||||
<NumberInput size="sm" label="Clusters" />
|
||||
|
||||
<NumberInput invalid invalidText="An error occurred" label="Clusters" />
|
||||
|
||||
<NumberInput disabled label="Clusters" />
|
||||
|
||||
<NumberInputSkeleton />
|
||||
|
||||
<NumberInputSkeleton hideLabel />
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue