mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 03:26:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(number-input): support readonly variant

Browse source 
Ref: d0bd8eddb
This commit is contained in:
Eric Y Liu 2021-07-09 11:34:36 -07:00
commit b8786956e2
2 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

4
docs/src/pages/components/NumberInput.svx
View file

@ -31,6 +31,10 @@ components: ["NumberInput", "NumberInputSkeleton"]
<NumberInput light label="Clusters" />
### Read-only variant
<NumberInput readonly label="Clusters" />
### Extra-large size
<NumberInput size="xl" label="Clusters" />

4
src/NumberInput/NumberInput.svelte
View file

@ -108,6 +108,7 @@
import Subtract16 from "carbon-icons-svelte/lib/Subtract16/Subtract16.svelte";
import WarningFilled16 from "carbon-icons-svelte/lib/WarningFilled16/WarningFilled16.svelte";
import WarningAltFilled16 from "carbon-icons-svelte/lib/WarningAltFilled16/WarningAltFilled16.svelte";
import EditOff16 from "carbon-icons-svelte/lib/EditOff16/EditOff16.svelte";
const defaultTranslations = {
[translationIds.increment]: "Increment number",
@ -273,6 +274,9 @@
class="bx--number__invalid bx--number__invalid--warning"
/>
{/if}
{#if readonly}
<EditOff16 class="bx--text-input__readonly-icon" />
{/if}
{#if !hideSteppers}
<div class:bx--number__controls="{true}">
<button