How to use the react-fela.useFela function in react-fela

To help you get started, we’ve selected a few react-fela 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 OneGraph / onegraph-examples / packageinfo / src / components / TabBar.js View on Github external
export default function TabBar({ tabs, activeTab }) {
  const { css, theme } = useFela()

  const tabItems = tabs.map(({ key, name, action }) => (
github OneGraph / onegraph-examples / packageinfo / src / sections / Maintainers.js View on Github external
export default function Maintainers({ maintainers }) {
  const { css } = useFela()

  const maintainersCount = maintainers.length

  return (
    <div>
      Maintainers
      {maintainers.map(({ name }, index) =&gt; (
        <div></div></div>
github zeit / next.js / examples / with-fela / pages / index.js View on Github external
function Text({ size = 16, children }) {
  const { css } = useFela({ size })

  return <p>{children}</p>
}
github OneGraph / onegraph-examples / packageinfo / src / sections / Placeholder.js View on Github external
export default function Placeholder({ updateSearch }) {
  const { css } = useFela()

  return (
    <div>
      Enter a package name to see detailed package information.
      <br>
      <br>
      <span></span></div>
github OneGraph / onegraph-examples / packageinfo / src / components / Headline.js View on Github external
export default function Headline({ children }) {
  const { css } = useFela()

  return (
    <h2>
      {children}
    </h2>
  )
}
github OneGraph / onegraph-examples / packageinfo / src / sections / Footer.js View on Github external
function FooterLink({ href, children }) {
  const { css, theme } = useFela()

  return (
    
      <a>
        {children}
      </a>
    
  )
}
github OneGraph / onegraph-examples / packageinfo / src / components / Tag.js View on Github external
export default function Tag({ children, color }) {
  const { css } = useFela()

  return (
    <div>
      {children}
    </div>
  )
}
github OneGraph / onegraph-examples / packageinfo / src / components / Loading.js View on Github external
export default function Loading({ size }) {
  const { css } = useFela()

  return (
    
      <div>
      <div>
    
  )
}
</div></div>
github OneGraph / onegraph-examples / packageinfo / src / components / Tile.js View on Github external
export default function Tile({ label, sup, children }) {
  const { css } = useFela()

  return (
github OneGraph / onegraph-examples / packageinfo / src / sections / Footer.js View on Github external
export default function Footer() {
  const { css } = useFela()

  return (
    <div>
      <p>
        Brought to you with ♥︎ by OneGraph.
      </p>
      </div>