bootstrap4c-custom-switch

KO | EN

gitlite — search

#javascript #python #hacktoberfest #typescript #llm #golang #android #java #awesome #kubernetes #awesome-list #security #mcp #openai

bootstrap4c-custom-switch

(★ 44)

Bootstrap 4 Component - Custom switch

bootstrap4c-custom-switch 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Bootstrap4C

### Custom switch

The *Custom switch* is a simple Bootstrap 4 component that turn your default HTML checkbox inputs `<input type="checkbox">` into beautiful iOS style switches — and allow you to display different content depening on the `checked` attribute. The component is 100% CSS, no JavaScript.

See demo here => https://haubek.github.io

### Yarn install

```
yarn add bootstrap4c-custom-switch
```

### CSS

```
<link href="path/to/component-custom-switch.css" rel="stylesheet">
```

### HTML5 markup

See `example.html` for all markup examples.

```
<div class="custom-switch">
  <input class="custom-switch-input" id="ADD_ID_HERE" type="checkbox">
  <label class="custom-switch-btn" for="ADD_ID_HERE"></label>
</div>
```

```
<div class="custom-switch custom-switch-label-yesno">
  <input class="custom-switch-input" id="ADD_ID_HERE" type="checkbox">
  <label class="custom-switch-btn" for="ADD_ID_HERE"></label>
  <div class="custom-switch-content-checked">
    I'm checked
  </div>
  <div class="custom-switch-content-unchecked">
    I'm unchecked
  </div>
</div>
```

bootstrap4c-custom-switch

bootstrap4c-custom-switch 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

bootstrap4c-custom-switch

bootstrap4c-custom-switch 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README