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

docs: replace h3 with h2 headings (#1452)

Browse source
This commit is contained in:
metonym 2022-08-17 07:15:29 -07:00 • committed by GitHub
commit e2a90005b9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
70 changed files with 552 additions and 559 deletions
Download patch file Download diff file Expand all files Collapse all files

22
docs/src/pages/components/PasswordInput.svx
View file

@ -7,50 +7,50 @@ source: TextInput/PasswordInput.svelte
import Preview from "../../components/Preview.svelte";
</script>
### Default
## Default
<PasswordInput labelText="Password" placeholder="Enter password..." />
### Custom tooltip alignment
## Custom tooltip alignment
Customize the tooltip alignment and position of the visibility toggle through the `tooltipAlignment` and `tooltipPosition` props.
<PasswordInput tooltipAlignment="start" tooltipPosition="left" labelText="Password" placeholder="Enter password..." />
### Password is visible
## Password is visible
Set prop `type` to `"text"` to toggle password visibility.
<PasswordInput labelText="Password" type="text" placeholder="Enter password..." value="as_lta0890sdfpo__!9901" />
### Hidden label
## Hidden label
<PasswordInput hideLabel labelText="Password" placeholder="Enter password..." />
### Light variant
## Light variant
<PasswordInput light labelText="Password" placeholder="Enter password..." />
### Inline
## Inline
<PasswordInput inline labelText="Password" placeholder="Enter password..." />
### Extra-large size
## Extra-large size
<PasswordInput size="xl" labelText="Password" placeholder="Enter password..." />
### Small size
## Small size
<PasswordInput size="sm" labelText="Password" placeholder="Enter password..." />
### Invalid state
## Invalid state
<PasswordInput invalid invalidText="Incorrect user name or password." labelText="Password" placeholder="Enter password..." />
### Warning state
## Warning state
<PasswordInput warn warnText="Password has been reset." labelText="Password" placeholder="Enter password..." />
### Disabled state
## Disabled state
<PasswordInput disabled labelText="Password" placeholder="Enter password..." />