@flexis/ui
Version:
Styleless React Components
19 lines • 1.42 kB
JavaScript
import React from 'react';
import { storiesOf } from '../../helpers/stories';
import SROnly from './';
export const stylableApi = `
Stylable API
---
- :focusable
`;
export default storiesOf('SROnly', module)
.addParameters({
info: stylableApi
})
.add('with heading', () => (<SROnly>
<h1>Very important but hidden title</h1>
</SROnly>))
.add('with focusable state', () => (<SROnly focusable>
<button>Very important but hidden button</button>
</SROnly>));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU1JPbmx5LnN0b3JpZXMuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU1JPbmx5L1NST25seS5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNOLFNBQVMsRUFDVCxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sTUFBTSxNQUFNLElBQUksQ0FBQztBQUV4QixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7Ozs7Q0FJMUIsQ0FBQztBQUVGLGVBQWUsU0FBUyxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUM7S0FDeEMsYUFBYSxDQUFDO0lBQ2QsSUFBSSxFQUFFLFdBQVc7Q0FDakIsQ0FBQztLQUNELEdBQUcsQ0FDSCxjQUFjLEVBQ2QsR0FBRyxFQUFFLENBQUMsQ0FDTCxDQUFDLE1BQU0sQ0FDTjtJQUFBLENBQUMsRUFBRSxDQUFDLCtCQUErQixFQUFFLEVBQUUsQ0FDeEM7R0FBQSxFQUFFLE1BQU0sQ0FBQyxDQUNULENBQ0Q7S0FDQSxHQUFHLENBQ0gsc0JBQXNCLEVBQ3RCLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUNoQjtJQUFBLENBQUMsTUFBTSxDQUFDLGdDQUFnQyxFQUFFLE1BQU0sQ0FDakQ7R0FBQSxFQUFFLE1BQU0sQ0FBQyxDQUNULENBQ0QsQ0FBQyJ9