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

feat: icons from NoteDiary

parent 08bdea3f

src/stories/icons/AlignCenterIcon.stories.ts

0 → 100644
+25 −0
Original line number Diff line number Diff line 
import type { Meta, StoryObj } from '@storybook/vue3';



import AlignCenterIcon from './AlignCenterIcon.vue';



const meta: Meta = {

  title: 'Icons/AlignCenter',

  component: AlignCenterIcon,

  tags: ['autodocs'],

  argTypes: {

    size: { control: 'select', options: ['10', '20', '30', '40', '50', '60'] },

  },

  args: {

    color: 'white',

  },

} satisfies Meta<typeof AlignCenterIcon>;



export default meta;



type Story = StoryObj<typeof meta>;



export const Primary: Story = {

  args: {

    color: 'black',

  },

};

src/stories/icons/AlignCenterIcon.vue

0 → 100644
+27 −0
Original line number Diff line number Diff line 
<script setup lang="ts">

interface Props {

  color?: string;

  size?: string | number;

}

defineProps<Props>();

</script>



<template>

  <svg

    :width="size ?? '25px'"

    :height="size ?? '25px'"

    viewBox="0 0 24 24"

    fill="none"

    xmlns="http://www.w3.org/2000/svg"

  >

    <path

      d="M3 6H21M3 14H21M17 10H7M17 18H7"

      :stroke="color ?? '#000000'"

      stroke-width="2"

      stroke-linecap="round"

      stroke-linejoin="round"

    />

  </svg>

</template>



<style scoped></style>

src/stories/icons/AlignLeftIcon.stories.ts

0 → 100644
+25 −0
Original line number Diff line number Diff line 
import type { Meta, StoryObj } from '@storybook/vue3';



import AlignLeftIcon from './AlignLeftIcon.vue';



const meta: Meta = {

  title: 'Icons/AlignLeft',

  component: AlignLeftIcon,

  tags: ['autodocs'],

  argTypes: {

    size: { control: 'select', options: ['10', '20', '30', '40', '50', '60'] },

  },

  args: {

    color: 'white',

  },

} satisfies Meta<typeof AlignLeftIcon>;



export default meta;



type Story = StoryObj<typeof meta>;



export const Primary: Story = {

  args: {

    color: 'black',

  },

};

src/stories/icons/AlignLeftIcon.vue

0 → 100644
+27 −0
Original line number Diff line number Diff line 
<script setup lang="ts">

interface Props {

  color?: string;

  size?: string | number;

}

defineProps<Props>();

</script>



<template>

  <svg

    :width="size ?? '25px'"

    :height="size ?? '25px'"

    viewBox="0 0 24 24"

    fill="none"

    xmlns="http://www.w3.org/2000/svg"

  >

    <path

      d="M3 10H16M3 14H21M3 18H16M3 6H21"

      :stroke="color ?? '#000000'"

      stroke-width="2"

      stroke-linecap="round"

      stroke-linejoin="round"

    />

  </svg>

</template>



<style scoped></style>

src/stories/icons/AlignRightIcon.stories.ts

0 → 100644
+25 −0
Original line number Diff line number Diff line 
import type { Meta, StoryObj } from '@storybook/vue3';



import AlignRightIcon from './AlignRightIcon.vue';



const meta: Meta = {

  title: 'Icons/AlignRight',

  component: AlignRightIcon,

  tags: ['autodocs'],

  argTypes: {

    size: { control: 'select', options: ['10', '20', '30', '40', '50', '60'] },

  },

  args: {

    color: 'white',

  },

} satisfies Meta<typeof AlignRightIcon>;



export default meta;



type Story = StoryObj<typeof meta>;



export const Primary: Story = {

  args: {

    color: 'black',

  },

};