Comments (1)
Neither checkbox nor switch support help text. I'd be open to a PR to add these using the same convention as <sl-input>
and <sl-textarea>
.
In the meantime, the best I can recommend is adding it directly into the label.
<sl-switch>
Switch
<span class="help-text">This is some more info</span>
</sl-switch>
<style>
.help-text {
display: block;
margin-top: .125em;
font-size: smaller;
color: var(--sl-color-neutral-500);
}
</style>
from shoelace.
Related Issues (20)
- Narrator is announcing Tab items present inside the 'Edit your manifest' dialogue as 'Group'.
- `checkValidity` can be called on a form's elements before the element has been loaded which causes an error HOT 2
- sl-input doesn't handle setRangeText in the same way as standard inputs do. HOT 2
- Content of tooltip not clickable HOT 1
- Dialogs do not allow focus in <iframe> and <video> elements HOT 7
- Cannot change internal role of sl-button HOT 3
- can't swipe to change slide on Android Firefox sl-carousel HOT 2
- Can not install using NPM HOT 1
- theme style.js files missing TypeScript definitions HOT 3
- Tabbing between multiple select instances does not close the select input HOT 3
- TypeScript with `module: node16` complains about naked imports
- No way to provide visually hidden label to sl-select HOT 3
- [Input] - Allow to change positioning of hint text
- refactor stopAnimations function
- Input prefix and suffix not displaying in react.
- SlButton Clicks Not Suppressed when in Loading State HOT 3
- Update "Form Controls" documentation to be more explicit
- Tooltip has some accessibility/screenreader issues around reading content HOT 2
- Empty radio-group leads to exception HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from shoelace.