mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 10:51:06 +00:00
refactor(components): alphabetize exported props for scannability
This commit is contained in:
parent
d4abc1dfd3
commit
b1fe3de8ad
78 changed files with 265 additions and 264 deletions
|
@ -19,7 +19,6 @@ const alignments = {
|
|||
export const Default = () => ({
|
||||
Component,
|
||||
props: {
|
||||
triggerClass: text('Trigger element CSS class name (triggerClassName)', ''),
|
||||
direction: select('Tooltip direction (direction)', directions, 'bottom'),
|
||||
align: select('Tooltip alignment to trigger button (align)', alignments, 'start'),
|
||||
tooltipText: text(
|
||||
|
|
|
@ -1,12 +1,11 @@
|
|||
<script>
|
||||
let className = undefined;
|
||||
export { className as class };
|
||||
export let direction = 'bottom';
|
||||
export let align = 'center';
|
||||
export let direction = 'bottom';
|
||||
export let id = Math.random();
|
||||
export let triggerClass = undefined;
|
||||
export let tooltipText = '';
|
||||
export let style = undefined;
|
||||
export let tooltipText = '';
|
||||
|
||||
import { cx } from '../../lib';
|
||||
</script>
|
||||
|
@ -17,7 +16,7 @@
|
|||
on:mouseover
|
||||
on:mouseenter
|
||||
on:mouseleave
|
||||
class={cx('--tooltip__trigger', '--tooltip--a11y', '--tooltip__trigger--definition', `--tooltip--${direction}`, `--tooltip--align-${align}`, triggerClass)}
|
||||
class={cx('--tooltip__trigger', '--tooltip--a11y', '--tooltip__trigger--definition', `--tooltip--${direction}`, `--tooltip--align-${align}`)}
|
||||
aria-describedby={id}>
|
||||
<slot />
|
||||
</button>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue