mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
feat(slider): add fullWidth
prop (#1354)
The `bx--slider` class in the `Slider` component has max-width of `40rem`. Because `$$restProps` is spread to the top-level `div` element in `Slider`, the only way to override the style is to do so globally: ```css :global(.bx--slider-container) { width: 100%; } :global(.bx--slider) { max-width: none; } ``` This adds a `fullWidth` prop that sets a full width style using inline style attributes.
This commit is contained in:
parent
a86aa5d363
commit
1ccdf64504
6 changed files with 57 additions and 20 deletions
|
@ -10,6 +10,7 @@
|
|||
max="{990}"
|
||||
maxLabel="990 MB"
|
||||
value="{100}"
|
||||
fullWidth
|
||||
/>
|
||||
|
||||
<Slider
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue