diff --git a/src/components/selects/select/select.tsx b/src/components/selects/select/select.tsx index cca7eb51..4fb835c9 100644 --- a/src/components/selects/select/select.tsx +++ b/src/components/selects/select/select.tsx @@ -280,7 +280,7 @@ export class Select { return internalOption.titleText ? internalOption.titleText : internalOption.label; } } - return opt?.titleText ? opt?.titleText : (opt?.innerHTML?.trim() ?? ''); + return opt?.titleText ? opt?.titleText : (opt?.innerText ?? ''); }; private handler = (event: CustomEvent): void => { diff --git a/src/snippets/selects.stories.jsx b/src/snippets/selects.stories.jsx new file mode 100644 index 00000000..ef8b432b --- /dev/null +++ b/src/snippets/selects.stories.jsx @@ -0,0 +1,130 @@ +import React from 'react'; + +export default { + title: 'Snippets/Selects', +}; + +export const BasicSelect = () => { + return ( + + Millie Bobby + Finn Wolfhard + David Harbour + Gaten Matarazzo + Caleb McLaughlin + Noah Schnapp + + ); +}; + +export const SelectDescription = () => { + return ( + + + Clique aqui para selecionar Millie Bobby + + + Clique aqui para selecionar Finn Wolfhard + + + Clique aqui para selecionar David Harbour + + + Clique aqui para selecionar Gaten Matarazzo + + + Clique aqui para selecionar Caleb McLaughlin + + + Clique aqui para selecionar Noah Schnapp + + + ); +}; + +export const SelectWithIcon = () => { + return ( + + + + Millie Bobby + + + + Finn Wolfhard + + + + David Harbour + + + + Gaten Matarazzo + + + + Caleb McLaughlin + + + + Noah Schnapp + + + ); +}; + +export const SelectStatus = () => { + return ( + + + Millie Bobby + + + Finn Wolfhard + + + David Harbour + + + Gaten Matarazzo + + + Caleb McLaughlin + + + Noah Schnapp + + + ); +}; + +export const CompleteSelectOption = () => { + return ( + + + + Clique aqui para selecionar Millie Bobby + + + + Clique aqui para selecionar Finn Wolfhard + + + + Clique aqui para selecionar David Harbour + + + + Clique aqui para selecionar Gaten Matarazzo + + + + Clique aqui para selecionar Caleb McLaughlin + + + + Clique aqui para selecionar Noah Schnapp + + + ); +};