Botyglot Components V0.0.1

Previews

No matching results.

x
1
<span class="elevate-label elevate-label--weight--medium elevate-label--size--s">Elevate Label</span>
1
render(Elevate::LabelComponent.new(font_weight:, size:)) { title }

No notes provided.

Param Description Input

—

—

—

app/assets/stylesheets/components/label.css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
@layer components {
  /* Sizes */
  .elevate-label--size--xs {
    @apply text-xs;
  }
  .elevate-label--size--s {
    @apply text-sm;
  }
  .elevate-label--size--m {
    @apply text-base;
  }
  .elevate-label--size--l {
    @apply text-lg;
  }
  .elevate-label--size--xl {
    @apply text-xl;
  }
  /* Font weight */
  .elevate-label--weight--light {
    @apply font-light;
  }
  .elevate-label--weight--default {
    @apply font-normal;
  }
  .elevate-label--weight--medium {
    @apply font-medium;
  }
  .elevate-label--weight--semibold {
    @apply font-semibold;
  }
  .elevate-label--weight--bold {
    @apply font-bold;
  }
}