Skip to content

Latest commit

聽

History

History
72 lines (51 loc) 路 1.76 KB

SELECT.md

File metadata and controls

72 lines (51 loc) 路 1.76 KB
Raw

Select

Selects display a list of choices on temporary surfaces.

Element

<div class="field">
  <select>...</select>
</div>

Most used helpers

Forms

label, border, round, fill, prefix, suffix

Sizes

small, medium, large, extra

Triggers

active

Example

<div class="field label border">
  <select>
    <option>Item</option>
    <option>Item</option>
    <option>Item</option>
  </select>
  <label>Label</label>
</div>

Triggers

To up/down a label

Method 1

Add/remove active class on label/select (the JS file of beer do this automatically).

<div class="field label">
  <select>
    <option>Item</option>
    <option>Item</option>
    <option>Item</option>
  </select>
  <label class="active">Label</label>
</div>

<div class="field label border">
  <select class="active">
    <option>Item</option>
    <option>Item</option>
    <option>Item</option>
  </select>
  <label class="active">Label</label>
</div>

Go to

Begin, Elements, Helpers, Settings, Summary, beercss.com

Badge, Button, Card, Checkbox, Chip, Container, Dialog, Expansion, Grid, Icon, Input, Layout, List, Main layout, Media, Menu, Navigation, Overlay, Page, Progress, Radio, Select, Slider, Switch, Table, Tabs, Textarea, Snackbar, Tooltip, Typography