How to use @edtr-io/plugin-rows - 4 common examples
To help you get started, we’ve selected a few @edtr-io/plugin-rows 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.
edtr-io / edtr-io / packages / plugins / hint / __fixtures__ / index.ts View on Github 
createTextState,
name as textPlugin,
Text
} from '@edtr-io/plugin-text/__fixtures__'
import { HintState, createHintPlugin } from '../src'
export const name = 'hint'
export const plugin = createHintPlugin()
export const states: Record> = {
simple: {
title: '',
content: {
plugin: rowsPlugin,
state: createRowsState({
plugin: textPlugin,
state: createTextState(Text.create({ text: 'This is a hint' }))
})
}
}
}createTextState,
name as textPlugin,
Text
} from '@edtr-io/plugin-text/__fixtures__'
import { SpoilerState, createSpoilerPlugin } from '../src'
export const name = 'solution'
export const plugin = createSpoilerPlugin()
export const states: Record> = {
simple: {
title: '',
content: {
plugin: rowsPlugin,
state: createRowsState({
plugin: textPlugin,
state: createTextState(Text.create({ text: 'This is a spoiler' }))
})
}
}
}createTextState,
name as textPlugin,
Text
} from '@edtr-io/plugin-text/__fixtures__'
import { SolutionState, createSolutionPlugin } from '../src'
export const name = 'solution'
export const plugin = createSolutionPlugin()
export const states: Record> = {
simple: {
title: '',
content: {
plugin: rowsPlugin,
state: createRowsState({
plugin: textPlugin,
state: createTextState(Text.create({ text: 'This is a solution' }))
})
}
}
}({ name, ...props }: ThemeProps & { name: string }) => {
const theme = createRowPluginTheme(name, props.theme)
return {
display: 'flex',
padding: '25px calc((100vw - 960px) / 2) 150px',
paddingBottom: '155px',
flexDirection: 'column',
backgroundColor: theme.menu.primary.backgroundColor,
position: 'fixed',
top: 0,
left: 0,
width: '100%',
height: '100vh',
zIndex: 9999,
'@media (max-width: 1000px)': {
padding: '25px 20px 155px'
}@edtr-io/plugin-rows
This plugin provides functionality of adding multiple rows of (different) plugins. Usage:
