Commit 7e648205 authored by Дмитрий Малюгин's avatar Дмитрий Малюгин 🕓
Browse files

feat: finished - Button, ToggleButton, ToggleSwitch

parent 8060d58f

README.md

+2 −0
Original line number Diff line number Diff line
@@ -8,6 +8,8 @@ 
- TreeList;

- Drawer;

- Button;

- ToggleButton;

- ToggleSwitch;

- Divider;



### Настройка окружения

index.html

+1 −1
Original line number Diff line number Diff line
@@ -2,7 +2,7 @@ 
<html lang="">

  <head>

    <meta charset="UTF-8">

    <link rel="icon" href="/favicon.ico">

    <link rel="icon" href="/storybook.ico">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>UI Storybook</title>

  </head>

public/favicon.ico

deleted100644 → 0
−4.19 KiB
Loading image diff...

src/App.vue

+21 −1
Original line number Diff line number Diff line
@@ -103,6 +103,9 @@ import TableIcon from '@stories/icons/Mono/TableIcon.vue'; 
import TrashIcon from '@stories/icons/Mono/TrashIcon.vue';

import UserIcon from '@stories/icons/Mono/UserIcon.vue';

import ArrowsVerticalIcon from '@stories/icons/Mono/ArrowsVerticalIcon.vue';

import ToggleButton from '@stories/components/ToggleButton/ToggleButton.vue';

import ToggleSwitch from '@stories/components/ToggleSwitch/ToggleSwitch.vue';

import TriangleIcon from '@stories/icons/Mono/TriangleIcon.vue';



const gentleIcons = [

  Age18Icon,
@@ -206,12 +209,29 @@ const gentleIcons = [ 
  SettingsIcon,

  TableIcon,

  TrashIcon,

  TriangleIcon,

  UserIcon,

];

const visibleDrawer = ref(true);

const options = [

  {

    label: 'First',

    textStyle: 'bold',

    iconPosition: 'top',

  },

  {

    label: 'Second',

  },

];

</script>



<template>

  <ToggleButton :options="options" size="large">

    <template #1Icon>

      <TrashIcon />

    </template>

  </ToggleButton>

  <ToggleSwitch />

  <Drawer v-model:visible="visibleDrawer" theme="sky" closeIcon="CropIcon">

    <template #header>Это - Drawer</template>

    <p>
@@ -286,7 +306,7 @@ const visibleDrawer = ref(true); 
.testButton {

  position: absolute;

  right: 50px;

  bottom: 50px;

  top: 50px;

  background-color: red;

  color: white;

  padding: 10px;

src/assets/main.css

+0 −1
Original line number Diff line number Diff line
@@ -171,7 +171,6 @@ body { 
*::before,

*::after {

    box-sizing: border-box;

    user-select: none;

    font-weight: 500;

}