How to use docz - 10 common examples

To help you get started, we’ve selected a few docz 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.

github zicodeng / docz-theme-ztopia / src / theme.tsx View on Github external
primaryDark: '#0046a3', // link (hovered)
    secondary: '#62ddbd', // props table shape type, brand background, <hr>, search result
    highlight: '#ec5564', // matched search query
    error: 'rgba(200,0,0,0.8)', // preview error background
  },
  fonts: {
    body: 'Lato, sans-serif',
    title: 'Oswald, sans-serif',
  },
  logo: {
    src: null,
    width: 40,
  },
};

export default theme(defaultThemeConfig)(Theme);
github LN-Zap / zap-tutorials / src / gatsby-theme-docz / components / Logo / index.js View on Github external
export const Logo = () =&gt; {
  const config = useConfig();
  return (
    
      
        <a href="{config.website}">
          
        </a>
      

      
        
          <a href="{config.repository}">Contribute</a>
        

        
          <a href="{`${config.website}/about`}">Contact</a>
github grafana / tanka / docs / src / gatsby-theme-docz / components / Logo / index.js View on Github external
export const Logo = () =&gt; {
  const config = useConfig()
  return (
    
      
        <span>Grafana Tanka</span>
        <span>{config.description}</span>
      
    
  )
github doczjs / docz / core / docz-theme-default / src / components / ui / Editor / index.tsx View on Github external
export const Editor: React.SFC = ({
  mode,
  children,
  actions,
  onChange,
  className,
  editorClassName,
  language: defaultLanguage,
  ...props
}) =&gt; {
  const config = useConfig()
  const initialCode = useMemo(() =&gt; getChildren(children), [children])
  const [code, setCode] = useState(initialCode)
  const language = defaultLanguage || getLanguage(children)
  const options = {
    ...props,
    tabSize: 2,
    mode: language || mode,
    lineNumbers: true,
    lineWrapping: true,
    autoCloseTags: true,
    theme: 'docz-light',
  }

  const onEditorDidMount = (editor: any) =&gt; {
    if (editor) removeLastLine(editor)
  }
github doczjs / docz / core / gatsby-theme-docz / src / docz / layout.js View on Github external
export const Layout = props =&gt; {
  const config = useConfig()
  return (
    
       div': { flex: '1 1 auto' } })}&gt;
        
        {props.children}
      
    
  )
}
github ivan-dalmet / formiz / src / gatsby-theme-docz / components / Header / index.js View on Github external
export const Header = () =&gt; {
  const config = useConfig();
  const { edit = true, ...doc } = useCurrentDoc();

  return (
    <div>
      <div>
        
        
          {config.repository &amp;&amp; (
            
              <a rel="noopener noreferrer" href="{config.repository}">
                </a></div></div>
github doczjs / docz-website / src / theme / index.tsx View on Github external
const Theme: React.SFC = ({ children }) =&gt; {
  const config = useConfig()
  return (
    
      
        <main>
          
          {children}
        </main>
      
    
  )
}
github doczjs / docz / core / gatsby-theme-docz / src / index.js View on Github external
const Theme = ({ children }) =&gt; {
  const config = useConfig()
  return (
    
      
        {children}
      
    
  )
}
github angelle-sw / use-axios-client / docs / src / gatsby-theme-docz / components / Header / index.js View on Github external
export const Header = () =&gt; {
  const config = useConfig();

  return (
    <div>
      <div>
        
          
          
            <a rel="noopener noreferrer" href="{config.repository}">
              
            </a>
          </div></div>
github ivan-dalmet / formiz / src / gatsby-theme-docz / components / Logo / index.js View on Github external
export const Logo = () =&gt; {
  const config = useConfig();
  return (
    <div>
      
        <img alt="{config.title}" src="{logo}">
      
      <div>
        {config.description}
      </div>
    </div>
  );
};

docz

It's has never been so easy to documents your things!

MIT
Latest version published 3 years ago

Package Health Score

59 / 100
Full package analysis