storybook [功能请求]:可配置的自动标题大小写 翻译结果:[功能请求]:可配置的自动标题大小写

von4xj4u  于 3个月前  发布在  其他
关注(0)|答案(3)|浏览(41)

你的功能请求是否与问题相关?请描述

我们对于Carbon设计系统的内容包括我们的自身文档,应该始终使用句子大小写:
对于所有的UI文本元素使用句子大小写。这种风格主要是小写字母。只在文本的首字母和其他需要大写的单词(如专有名词)中大写。例如,表单中的标签将被写作“First name”和“Email address”。
故事导出会自动变为“start cased”(myStory变成“My Story”),目前没有重新配置此选项的选项(我所知道的)。

描述你希望的解决方案

如果有一种全局配置所有故事导出为句子大小写而不是start cased的方法,那就太好了。

描述你考虑过的替代方案

为了确保我们的故事名称遵循这个规则,我们必须通过myName.storyName或者即将发布的v7中的

export const myStory = {
  name: 'My story',
}

来重命名每个故事。

你是否能够帮助将这个功能实现?

是的,我可以

其他上下文

  • 无响应*
jv2fixgn

jv2fixgn1#

你好,@tay1orjones!在.storybook/manager.js中有一个名为sidebar.renderLabel的全局配置,可以编程式地更新侧边栏中的故事/组件如何呈现,包括更新大小写。

文档:https://storybook.js.org/docs/react/configure/features-and-behavior
**示例:**https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#auto-title-filename-case

这是否满足你的需求?

2exbekwf

2exbekwf2#

嘿,@shilman,我也遇到了这个问题。sidebar.renderLabel配置确实如预期地适用于侧边栏。但是在"文档"选项卡中的各个故事并没有应用相同的格式。因此,要将相同的格式应用于这些故事,仍然需要手动为每个故事设置MyStory.storyName。如果能有一个格式化选项或者它能像侧边栏配置的那样应用相同的格式化程序,那就太好了。

exdqitrt

exdqitrt3#

我也遇到了这个问题。在英国政府(GOV.UK)和NHS中,我们使用句子大小写,而不是标题大小写。Storybook的自动标题很棒,但我们更希望它们是句子大小写。提供一个函数或配置的钩子会很好。

相关问题