How to use the @carbon/icon-helpers.formatAttributes function in @carbon/icon-helpers
To help you get started, we’ve selected a few @carbon/icon-helpers examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
carbon-design-system / carbon / packages / icons-handlebars / index.js View on Github 
function iconHelper(name, attributes = {}, options = {}) {
const icon = CarbonIcons[name];
if (!icon) {
throw new Error(`Unable to find the icon: \`${name}\``);
}
const content = icon.content.map(toString);
const attrs = {
...icon.attrs,
...Object.assign({}, attributes.hash || attributes, options.hash),
};
return new SafeString(
`<svg>${content.join('')}</svg>`
);
}const toString = descriptor => {
if (typeof descriptor === 'string') {
return descriptor;
}
const { elem = 'svg', attrs = {}, content = [] } = descriptor;
const children = content.map(toString).join('');
if (elem !== 'svg') {
return `<${elem} ${formatAttributes(attrs)}>${children}`;
}
return `<${elem} ${formatAttributes(getAttributes(attrs))}>${children}`;
};const toString = descriptor => {
if (typeof descriptor === 'string') {
return descriptor;
}
const { elem = 'svg', attrs = {}, content = [] } = descriptor;
const children = content.map(toString).join('');
if (elem !== 'svg') {
return `<${elem} ${formatAttributes(attrs)}>${children}`;
}
return `<${elem} ${formatAttributes(getAttributes(attrs))}>${children}`;
};const toString = descriptor => {
if (typeof descriptor === 'string') {
return descriptor;
}
const { elem = 'svg', attrs = {}, content = [] } = descriptor;
const children = content.map(toString).join('');
if (elem !== 'svg') {
return `<${elem} ${formatAttributes(attrs)}>${children}`;
}
return `<${elem} ${formatAttributes(getAttributes(attrs))}>${children}`;
};const toString = descriptor => {
if (typeof descriptor === 'string') {
return descriptor;
}
const { elem = 'svg', attrs = {}, content = [] } = descriptor;
const children = content.map(toString).join('');
if (elem !== 'svg') {
return `<${elem} ${formatAttributes(attrs)}>${children}`;
}
return `<${elem} ${formatAttributes(getAttributes(attrs))}>${children}`;
};@carbon/icon-helpers
Helpers used alongside icons for digital and software products using the Carbon Design System
