feat: Permitir edição do label da página atual no componente bds-breadcrumb usando bds-input-editable #1068
Description
Essa funcionalidade está relacionada a algum problema? Descreva.
Atualmente, o componente bds-breadcrumb recebe apenas textos estáticos para os itens do breadcrumb, conforme o exemplo abaixo:
<bds-breadcrumb
items='[
{"label": "Página 1", "href": "/pagina-1"},
{"label": "Página 2", "href": "/pagina-2"},
{"label": "Página 3", "href": "/pagina-3"},
{"label": "Página atual"}
]'
></bds-breadcrumb>
No entanto, há a necessidade de que o último item (a página atual) seja um componente interativo, permitindo ao usuário editar o nome diretamente no breadcrumb, através do componente bds-input-editable.
Descreva a solução que você gostaria
Modificar o componente bds-breadcrumb para que o último item possa ser renderizado como um bds-input-editable, possibilitando a edição inline do label da página atual.
Componente do Design System
Qual componente do design system está relacionado a essa solicitação?
<bds-breadcrumb>
Link(s) do Figma
Forneça o(s) link(s) do arquivo Figma relevante(s) para essa solicitação.
https://www.figma.com/design/dtjM2Qod9xBigMdrbNp88b/New-Agent?node-id=149-143170&t=v70pUEpVD226HlBC-4
Isso é uma alteração em um componente existente ou criação de um novo?
- Atualização de componente existente
- Criação de novo componente
Contexto adicional
Adicione qualquer outro contexto, capturas de tela, casos extremos ou considerações de UX aqui.
🛠️ Notas de implementação (para desenvolvedores e agentes de IA) - NÃO REMOVER
- Utilize os links do Figma com as ferramentas Figma MCP para inspecionar e extrair os detalhes do componente antes de iniciar o desenvolvimento.
- Todo componente implementado ou atualizado deve conter histórias no Storybook demonstrando todos os estados possíveis do componente.
- Sempre que possível, consolide as variações em uma única página de story, utilizando controles ou variantes para representar diferentes estados.