How to use the @edtr-io/ui.styled.select function in @edtr-io/ui

To help you get started, we’ve selected a few @edtr-io/ui 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 / plugin-text / src / toolbar / dropdown.tsx View on Github

import { styled, ThemeProps } from '@edtr-io/ui'

import { createTextPluginTheme } from '..'

export const Dropdown = styled.select(
  (props: { name: string } & ThemeProps) => {
    const theme = createTextPluginTheme(props.name, props.theme)
    return {
      backgroundColor: theme.backgroundColor,
      cursor: 'pointer',
      color: theme.color,
      outline: 'none',
      height: '25px',
      border: 'none',
      borderRadius: '4px',
      margin: '5px',
      '&:hover': {
        color: theme.hoverColor
      }
    }
  }

edtr-io / edtr-io / packages / plugins / text / src / toolbar / dropdown.tsx View on Github

import { styled } from '@edtr-io/ui'

import { TextConfig } from '..'

export const Dropdown = styled.select&lt;{ config: TextConfig }&gt;(props =&gt; {
  const { theme } = props.config
  return {
    backgroundColor: theme.backgroundColor,
    cursor: 'pointer',
    color: theme.color,
    outline: 'none',
    height: '25px',
    border: 'none',
    borderRadius: '4px',
    margin: '5px',
    '&amp;:hover': {
      color: theme.hoverColor
    }
  }
})

How to use the @edtr-io/ui.styled.select function in @edtr-io/ui

To help you get started, we’ve selected a few @edtr-io/ui examples, based on popular ways it is used in public projects.

@edtr-io/ui

Package Health Score

Popular @edtr-io/ui functions

Similar packages