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

feat(components): add ListBox

Browse source 
Closes #88
This commit is contained in:
Eric Liu 2019-12-30 07:45:18 -08:00
commit 76d7dc5319
9 changed files with 190 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/components/ListBox/ListBoxMenuIcon.svelte Normal file
View file

@ -0,0 +1,22 @@
<script>
let className = undefined;
export { className as class };
export let open = false;
export const translationIds = { close: 'close', open: 'open' };
export let translateWithId = id => defaultTranslations[id];
export let style = undefined;
import ChevronDown16 from 'carbon-icons-svelte/lib/ChevronDown16';
import { cx } from '../../lib';
const defaultTranslations = {
[translationIds.close]: 'Close menu',
[translationIds.open]: 'Open menu'
};
$: description = open ? translateWithId('close') : translateWithId('open');
</script>
<div class={cx('--list-box__menu-icon', open && '--list-box__menu-icon--open', className)} {style}>
<ChevronDown16 name="chevron--down" aria-label={description} title={description} />
</div>