proof666/bem-definitions

bem-definitions README

"Go to" definition providers for bem files: styles with cn() and translations with react-intl

Styles

You can use cmd + click on cn function name in next situations for styles:

<Table
    className={cnCompaniesTable({}, [className])}
    ...

export const AppSpin: FC<AppSpinProps> = () => (
  <Spin
    size="large"
    className={cnApp("spin")}
    tip={<FormattedMessage id="app.loading" />}
  />
);

<AntApp className={cnApp()}>
...

<Col className={cnTrackVersionForm('column', { type: 'main' })} span={16}>

<Col className={cnTrackVersionForm('column', { type })} span={16}>

Translations

You can use cmd + click on any word in translation key in next situations for translations:

<FormattedMessage id="track-version-form.copy" />

<FormattedMessage
  key="track-version-form.milestones"
  id="track-version-form.milestones"
/>

<FormMessage prefix="label" name="content" />

{
    title: intl.formatMessage({ id: 'companies-table.phone' }),
    dataIndex: 'representative_phone',
    key: 'representative_phone',
}