Stone-kit

Uikit for stone redesign 2.0

Installation

Package installation:

npm i stone-kit@latest

Usage

For Next.js page router in App.tsx:

import 'stone-kit/dist/style.css'

and then:

import {Button} from 'stone-kit'

For other projects u can immediately:

import {Button} from 'stone-kit'

Docs

ButtonProps

size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'

pre: optional, insert icon/text before button text. type: ReactNode

post: optional, insert icon/text after button text. type: ReactNode

variant: optional, color variants of button. type: 'blue', 'gray', 'whiteStroke', 'sokolniki', 'black', 'whiteFilled'

width: optional, width of button. type: 'auto' | 'full'

additionalClass: optional, add your custom class to button. type: 'string'

as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.

MobileButtonProps

Tag

Storybook в Docker

Запуск production-сборки

Чтобы запустить готовую статическую сборку Storybook с помощью Docker и Nginx:

1. Убедитесь, что в корне проекта есть файлы Dockerfile.prod и docker-compose.prod.yml.
2. Выполните команду:docker system prune

   docker compose -f docker-compose.prod.yml up -d --force-recreate

3. После завершения сборки и запуска, Storybook будет доступен по адресу http://localhost:8080.

openssl req -x509 -nodes -days 365 \
  -newkey rsa:2048 \
  -keyout certs/privkey.key \
  -out certs/fullchain.crt \
  -subj "/CN=storybook.stone.ru"



openssl req -x509 -nodes -newkey rsa:2048 \
    -days 365 -subj "/CN=storybook.stone.ru" \
    -keyout certs/privkey.key \
    -out certs/fullchain.crt