Sha256: 575fe226839de8e2023bac26b1d0e322e3e3c47160e6af3fac215eb5f062c31e

Contents?: true

Size: 1.88 KB

Versions: 5

Compression:

Stored size: 1.88 KB

Contents

require_relative '../helpers/indented_grid'

Voom::Presenters.define(:chips) do
  helpers Demo::Helpers::IndentedGrid
  attach :top_nav
  attach :component_drawer
  page_title 'Chips'

  indented_grid do
    chip 'Chip 1'
    chip 'Chip 1', color: :primary
    chip 'Chip 2', color: :secondary
    chip color: :hotpink do
      text 'Chip 3', color: :white
    end

    subheading 'leading icon'
    chip 'Jane Smith', icon: :face

    subheading 'trailing icon'
    chip 'Jane Smith' do
      icon :more_vert, position: :right
    end

    subheading 'leading and trailing icon'
    chip 'Jane Smith' do
      icon :face, position: :left
      icon :more_vert, position: :right
    end
    heading 'Events'

    chip 'Jane Smith' do
      icon :face, position: :left
      icon :more_vert, position: :right
      event :click do
        snackbar 'chip clicked!'
      end
    end

    chip do
      text 'Jane Smith' do
        event :click do
          snackbar 'text clicked'
        end
      end
      icon :face, position: :left
      icon :more_vert, position: :right
      event :click do
        snackbar 'chip clicked!'
      end
    end

    chip do
      text 'Jane Smith' do
        event :click do
          snackbar 'text clicked'
        end
      end
      icon :face, position: :left do
        event :click do
          snackbar 'left icon clicked'
        end
      end
      icon :more_vert, position: :right
      event :click do
        snackbar 'chip clicked!'
      end
    end

    chip do
      text 'Jane Smith' do
        event :click do
          snackbar 'text clicked'
        end
      end
      icon :face, position: :left do
        event :click do
          snackbar 'left icon clicked'
        end
      end
      icon :more_vert, position: :right do
        event :click do
          snackbar 'right icon clicked'
        end
      end
    end

    attach :code, file: __FILE__
  end
end

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
voom-presenters-0.1.13 app/demo/components/chips.pom
voom-presenters-0.1.12 app/demo/components/chips.pom
voom-presenters-0.1.11 app/demo/components/chips.pom
voom-presenters-0.1.10 app/demo/components/chips.pom
voom-presenters-0.1.9 app/demo/components/chips.pom